//
// HoGo script v1.5
// Add functions:
//  - View file type document
//  - Support uploading new file type (.docx, .xlsx, .pttx) for plupload/Google drive/Dropbox object
//  - Send wizard support MS office file
//  - Add new function for ClientInfo object
//  - Effect drag & drop in uploading documnent
//  - Fixing animation popup & add scrolltop for model to keep current user's position screen
//  - And much more update, bugs fixing...
//

//
// Variable for form's status
//ExportServiceUserList
var formStatus;
var pageInitAlready = false;
var serverHostAPI = "/enterpriseapp/";
var GOOGLE_ENVIRONMENT = "server_test";

//
// Stripe key
//
//var stripePuplicKey = "pk_live_Nj8frYtyf3WM1TOFfJrL1ffa";
var stripePuplicKey = "pk_test_hoCROLJbcrwFP9uoXxbE3ukz";
var supportedFile = ['pdf', 'docx', 'xlsx', 'pptx', 'xlsm']; // 'pptx' for 2.0: pptx
if (document.referrer.indexOf(window.location.hostname) !== -1) {
    var prePage = document.referrer;
}

// Google app key
var GoogleConst = {
    production: {
        /* Prodcution server */
        clientId: '6829061683-2nr93rk2djkei7mhi6an1emodi4t264g.apps.googleusercontent.com',
        appID: 'k3hodIm2xU0ofm-2vm0_BmIi'
    },
    server_test: {
        clientId: '6829061683-2nr93rk2djkei7mhi6an1emodi4t264g.apps.googleusercontent.com',
        appID: 'k3hodIm2xU0ofm-2vm0_BmIi'
    },
    local: {
        /* Google's clientID - Using for localhost*/
        clientId: '6829061683-2nr93rk2djkei7mhi6an1emodi4t264g.apps.googleusercontent.com',
        appID: 'k3hodIm2xU0ofm-2vm0_BmIi'
//        clientId: '480888213599-56dh0vh33uq6i2nscjj582bq6ca5cre6.apps.googleusercontent.com',
//        appID: '480888213599'
    },
    /* Google drive scope */
    scopeDrive: ["https://www.googleapis.com/auth/drive.file", "https://www.googleapis.com/auth/drive"],
    /* Google profile scope */
    scopeProfile: ["https://www.googleapis.com/auth/userinfo.profile", "https://www.googleapis.com/auth/userinfo.email"],
    /* Google contact scope */
    scopeContact: ["https://www.google.com/m8/feeds"]
};

//
// Some important plugins must be initilized before our app get started
//
(function ($) {
    //Store last page for using datatable
    var aParts = window.location.pathname.split('/'),
            sNameEQ = aParts[aParts.length - 1].replace(/[\/:]/g, "").toLowerCase();
    var pageName = "";

    if (sNameEQ.indexOf(".html") !== -1)
        pageName = sNameEQ;
    else
        pageName = sNameEQ + ".html";

    $(window).bind('beforeunload', function (e) {
        $.cookie("l_p", pageName);
    });

    //
    // PLUG-INS. Here are some common plug-ins which is used in our application
    //

    /*
     * jQuery Reveal Plugin 1.0. Modify something by tmhao
     * www.ZURB.com
     * Copyright 2010, ZURB
     * Free to use under the MIT license.
     * http://www.opensource.org/licenses/mit-license.php
     */
    $.fn.reveal = function (opts) {

        var defaults = {
            header: null,
            size: null,
            modalclassname: 'reveal-modal',
            animation: 'fadeAndPop', //fade, fadeAndPop, none --- We can create many animation here
            animationspeed: 400, //how fast animtions are
            closeonbackgroundclick: true, //if you click background will modal close?
            dismissmodalclass: 'close-reveal-modal', //the class of a button or element that will close an open modal
            modalbgclass: 'reveal-modal-bg modal',
            scrolltop: $(document).scrollTop() // Get current scrolltop
        };

        //Extend dem' options
        var options = $.extend({}, defaults, opts);

        return this.each(function () {

            // Get current top
            var currentTop = options.scrolltop;

            // Global Variables
            var modalHTML = $(this).detach(),
                    locked = false,
                    modalBG = $('.' + options.modalbgclass);

            var modal;

            var size = (options.size === "large" || options.size === "lg") ? "modal-large" : "";

            // Check modal first
            if (!modalHTML.find(".modal-dialog").length) {

                $(this).wrapAll('<div class="modal-dialog"><div class="modal-content ' + size + '"><div class="modal-body"></div></div></div>');

                modal = $(this).parents(".modal-dialog");
            } else {

                modal = modalHTML;
            }
            // Not allow scrolling
            $('body').addClass('modal-open');

            //Create Modal BG
            if (modalBG.length === 0) {
                modalBG = $('<div class="' + options.modalbgclass + '" />').append(modal);
                $('body').append(modalBG);
            } else {
                // Move to another place
                //modalBG.find('.' + options.modalclassname).appendTo('body');
                modalBG.html('').append(modal);
            }

            //Open & Close Animations
            modal.bind('reveal:open', function () {

//                $('#container').css('top', -currentTop + 'px');

                modalBG.unbind('click.modalEvent');
                $('.' + options.dismissmodalclass).unbind('click.modalEvent');
                if (!locked) {
                    lockModal();
                    if (options.animation === "fadeAndPop") {

                        modal.css({'opacity': 0}); //, 'display': 'block', 'top': '0px'

                        // We'll get the width of text inside - Got real width
                        // var sensor = $('<div/>').append(modal.clone()).css({'float': 'left', 'visibility': 'hidden'});
                        // How to calculate the length of long text
                        // $('body').append(sensor);
                        // var width = sensor.width();

                        // sensor.remove();

                        modalBG.fadeIn(options.animationspeed / 2);

                        // Calculate width/heigth here

                        //var x = (modal.parent().outerHeight() - (modal.outerHeight()))/2; // Parent is modal-background
                        // var x = ($(window).height() - (modal.outerHeight())) / 2; // Parent is modal-background
                        // modal.css({'width': width + 'px'});

                        modal.delay(options.animationspeed / 2).animate({
                            "opacity": 1 // , 'margin-top': "" + x + "px"
                        }, options.animationspeed, unlockModal());
                        // For resizing
//                        $(window).resize(function() {

//                            var m = $('.' + options.modalbgclass).find('.' + options.modalclassname);
//                            var x = (m.parent().outerHeight(true) - (m.outerHeight())) / 2;
//                            m.css({'margin-top': "" + x + "px"});
//                        });
                    }
                    if (options.animation === "fade") {
                    }// Implement later
                    if (options.animation === "none") {
                    }// Implement later
                }
                modal.unbind('reveal:open');
            });
            //  
            modal.bind('reveal:resize', function () {
                var m = $('.' + options.modalbgclass).find('.' + options.modalclassname);
                var x = (m.parent().outerHeight(true) - (m.outerHeight())) / 2;
                //m.css({'margin-top' : ""+ x +"px", 'display': 'block'});
                m.delay(options.animationspeed / 2).animate({
                    "opacity": 1,
                    'margin-top': "" + x + "px"
                }, options.animationspeed, unlockModal());
            });

            //Closing Animation
            modal.bind('reveal:close', function () {
                if (!locked) {
                    lockModal();
                    if (options.animation === "fadeAndPop") {
                        //modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
                        modal.animate({
                            "opacity": 0//, "margin-top": "250px"
                        }, 0, function () {
                            //modal.css({'opacity' : 1, 'display' : 'none'});
                            unlockModal();
                            modal.unbind('reveal:close');
                            modalBG.remove();
                            // Remove preventing scroll
                            $('body').removeClass('modal-open');
                            // Scroll
//                            $(document).scrollTop(currentTop);
                        });
                    } else {
                        modal.unbind('reveal:close');
                        modalBG.remove();
                        $('body').removeClass('modal-open');
                        // Scroll
//                        $(document).scrollTop(currentTop);
                    }
                }
            });

            //Open Modal Immediately
            modal.trigger('reveal:open');

            //Close Modal Listeners
            $('.' + options.dismissmodalclass).bind('click.modalEvent', function () {
                modal.trigger('reveal:close');
            });

            if (options.closeonbackgroundclick) {
                modalBG.bind('click.modalEvent', function (event) {
                    // Prevent click from parent
                    //event.stopPropagation();

                    var t = $(event.target);

                    // Click on the modal
                    if (t.parents('.reveal-modal').length === 1 || t.hasClass(options.modalclassname)) {
                        // Click inside modal
                    } else {
                        // Click outside the modal :(
                        modal.trigger('reveal:close');
                    }
                });
            }

            $('body').keyup(function (e) {
                if (e.which === 27) {
                    modal.trigger('reveal:close');
                } // 27 is the keycode for the Escape key
            });

            //Animations Locks
            function unlockModal() {
                locked = false;
            }

            function lockModal() {
                locked = true;
            }
        });
    };

    /**
     * jQuery Cookie Plugin. https://github.com/carhartl/jquery-cookie
     * @param {type} key
     * @param {type} value
     * @param {type} options
     * @returns {String|Array}
     */

    $.cookie = function (key, value, options) {
        // key and at least value given, set cookie...
        if (arguments.length > 1 && (!/Object/.test(Object.prototype.toString.call(value)) || value === null || value === undefined)) {
            options = $.extend({}, options);

            if (value === null || value === undefined) {
                options.expires = -1;
            }

            if (typeof options.expires === 'number') {
                var days = options.expires, t = options.expires = new Date();
                t.setDate(t.getDate() + days);
            }

            value = String(value);

            return (document.cookie = [
                encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value),
                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                options.path ? '; path=' + options.path : '',
                options.domain ? '; domain=' + options.domain : '',
                options.secure ? '; secure' : ''
            ].join(''));
        }

        // key and possibly options given, get cookie...
        options = value || {};
        var decode = options.raw ? function (s) {
            return s;
        } : decodeURIComponent;

        var pairs = document.cookie.split('; ');
        for (var i = 0, pair; pair = pairs[i] && pairs[i].split('='); i++) {
            if (decode(pair[0]) === key)
                return decode(pair[1] || ''); // IE saves cookies with empty string as "c; ", e.g. without "=" as opposed to EOMB, thus pair[1] may be undefined
        }
        return null;
    };


    /*-------------------------------------------------------------------- 
     * jQuery plugin: customInput()
     * by Maggie Wachs and Scott Jehl, http://www.filamentgroup.com
     * Copyright (c) 2009 Filament Group
     * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
     * Article: http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/  
     * Usage example below (see comment "Run the script...").
     --------------------------------------------------------------------*/
    $.fn.limitInput = function (options) {
        var options = options || {};
        var cbfs = this; // establish checkbox container
        var cbs = this.find('input:checkbox');
        var maxnum = options.max ? options.max : 2;


        cbs.each(function () {
            $(this).bind('click', function () {
                if ($(this).is(':checked')) {
                    if (cbs.filter(':checked').length === maxnum) {
                        cbs.not(':checked').each(function () {
                            $(this).attr('disabled', 'true');
                            if (options.disablelabels) {
                                var thisid = $(this).attr('id');
                                $('label[for="' + thisid + '"]').addClass('disabled');
                            }
                        });
                    }
                } else {
                    cbs.removeAttr('disabled');
                    if (options.disablelabels) {
                        cbfs.find('label.disabled').removeClass('disabled');
                    }
                }
            });
        });
        return this;
    };

    //
    // Custom our input (checkbox) make it more beautiful
    //
    $.fn.customInput = function () {

        $(this).each(function (i) {
            if ($(this).is('[type=checkbox]')) { // ,[type=radio]
                var input = $(this);
                var id = input.attr('id');
                // get the associated label using the input's id
                var label = $('label[for=' + input.attr('id') + ']');
                //get type, for classname suffix 
                var inputType = (input.is('[type=checkbox]')) ? 'checkbox' : 'radio';

                if (label.length > 0) {
                    input.add(label).wrapAll('<div class="custom-' + input.attr('type') + '"></div>');
                } else {
                    label = $("<label for='" + id + "' class='checker'></label>");
                    $('<div class="custom-' + inputType + '"></div>').insertBefore(input).append(input, label);
                }
                //var chklabel = forlabel.text();
                //forlabel.hide();

                // wrap the input + label in a div 
                //$('<div class="custom-' + inputType + '"></div>').insertBefore(input).append(input, label);
                // find all inputs in this set using the shared name attribute
                if (input.is(':disabled')) {
                    if (inputType === 'checkbox' && input.is(':checked')) {
                        label.addClass(' checkedDisabled ');
                    } else {

                        label.addClass(' disabled ');
                    }
                }
                // necessary for browsers that don't support the :hover pseudo class on labels
                label.hover(
                        function () {
                            if (!input.is(':disabled')) {
                                $(this).addClass('hover');
                            }
                            if (inputType === 'checkbox' && input.is(':checked') && !input.is(':disabled')) {
                                $(this).addClass('checkedHover');
                            }
                        },
                        function () {
                            $(this).removeClass('hover checkedHover focus');
                        }
                );

                //bind custom event, trigger it, bind click,focus,blur events					
                input.bind('updateState', function () {

                    if (input.is(':checked') && !input.is(':disabled')) {
                        if (input.is(':radio')) {
                            var allInputs = $('input[name=' + input.attr('name') + ']');
                            allInputs.each(function () {
                                $('label[for=' + $(this).attr('id') + ']').removeClass('checked');
                            });
                        }
                        ;
                        label.addClass('checked ');
                    } else {
                        label.removeClass('checked checkedHover checkedFocus ');
                    }

                })
                        .trigger('updateState')
                        .click(function () {
                            $(this).trigger('updateState');
                        })
                        .focus(function () {
                            label.addClass('focus');
                            if (inputType === 'checkbox' && input.is(':checked')) {
                                $(this).addClass('checkedFocus');
                            }
                        })
                        .blur(function () {
                            label.removeClass('focus checkedFocus');
                        });
            }
        });
    };

    /**
     * @author Alexandre Magno
     * @desc Center a element with jQuery
     * @version 1.0
     * @example
     * $("element").center({
     *
     * 		vertical: true,
     *      horizontal: true
     *
     * });
     * @obs With no arguments, the default is above
     * @license free
     * @param bool vertical, bool horizontal
     * @contribution Paulo Radichi
     *
     */
    $.fn.center = function (params) {

        var options = {
            vertical: true,
            horizontal: true
        };
        var op = jQuery.extend(options, params);

        return this.each(function () {

            //initializing variablesDownload
            var $self = jQuery(this);
            //get the dimensions using dimensions plugin
            var width = $self.width();
            var height = $self.height();
            //get the paddings
            var paddingTop = parseInt($self.css("padding-top"));
            var paddingBottom = parseInt($self.css("padding-bottom"));
            //get the borders
            var borderTop = parseInt($self.css("border-top-width"));
            var borderBottom = parseInt($self.css("border-bottom-width"));
            //get the media of padding and borders
            var mediaBorder = (borderTop + borderBottom) / 2;
            var mediaPadding = (paddingTop + paddingBottom) / 2;
            //get the type of positioning
            var positionType = $self.parent().css("position");
            // get the half minus of width and height
            var halfWidth = (width / 2) * (-1);
            var halfHeight = ((height / 2) * (-1)) - mediaPadding - mediaBorder;
            // initializing the css properties
            var cssProp = {
                position: 'fixed'
            };
            //Set display in font any element
            cssProp["z-index"] = 100;
            if (op.vertical) {
//			cssProp.height = height;
                cssProp.top = '50%';
                cssProp.marginTop = halfHeight;
            }
            if (op.horizontal) {
//			cssProp.width = width;
                cssProp.left = '50%';
                cssProp.marginLeft = halfWidth;
            }
            //check the current position
            if (positionType === 'static') {
                $self.parent().css("position", "relative");
            }
            //aplying the css
            $self.css(cssProp);
        });
    };

    /* Written by Kentaro SATO (kentaro@ranvis.com). */
    $.datepicker.regional['ja'] = {
        monthNames: ['1月', '2月', '3月', '4月', '5月', '6月',
            '7月', '8月', '9月', '10月', '11月', '12月'],
        monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月',
            '7月', '8月', '9月', '10月', '11月', '12月'],
        dayNames: ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'],
        dayNamesShort: ['日', '月', '火', '水', '木', '金', '土'],
        dayNamesMin: ['日', '月', '火', '水', '木', '金', '土'],
        dateFormat: 'mm/dd/yy',
        firstDay: 0,
        prevText: '&#x3c;前', prevStatus: '',
        prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '',
        nextText: '次&#x3e;', nextStatus: '',
        nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '',
        currentText: '今日', currentStatus: '',
        todayText: '今日', todayStatus: '',
        clearText: '-', clearStatus: '',
        closeText: '閉じる', closeStatus: '',
        yearStatus: '', monthStatus: '',
        weekText: '週', weekStatus: '',
        dayStatus: 'DD d MM',
        defaultStatus: '',
        isRTL: false
    };

    //$.datepicker.setDefaults($.datepicker.regional['en-GB']);

    /*
     * Turn On/Off Sorting capability (offline sort)
     * @param {object} oSettings DataTables settings object
     * @param {array} | {string} aiColumns Array of columns or string === '_all'
     * @param {boolean} bOn True to enable, false to disable
     */
    if ($.fn.dataTableExt) {
        $.fn.dataTableExt.oApi.fnSortOnOff = function (oSettings, aiColumns, bOn)
        {
            var cols = typeof aiColumns === 'string' && aiColumns === '_all' ? oSettings.aoColumns : aiColumns;

            for (var i = 0, len = cols.length; i < len; i++) {
                if (bOn) {
                    //console.log(oSettings.aoColumns[ i ].nTh.childNodes[1]);
                    //oSettings.aoColumns[ i ].nTh.childNodes[1].style.cursor = "pointer";
                } else {
                    oSettings.aoColumns[i].nTh.className = "";
                    //oSettings.aoColumns[ i ].nTh.childNodes[1].style.cursor = "default";
                }
                oSettings.aoColumns[ i ].bSortable = bOn;
            }
        };
    }

    //
    // File ajax upload
    //
    $.extend({
        createUploadIframe: function (id, uri) {
            //create frame
            var frameId = 'jUploadFrame' + id;
            var iframeHtml = '<iframe id="' + frameId + '" name="' + frameId + '" style="position:absolute; top:-9999px; left:-9999px"';
            if (window.ActiveXObject)
            {
                if (typeof uri === 'boolean') {
                    iframeHtml += ' src="' + 'javascript:false' + '"';

                } else if (typeof uri === 'string') {
                    iframeHtml += ' src="' + uri + '"';

                }
            }
            iframeHtml += ' />';
            jQuery(iframeHtml).appendTo(document.body);

            return jQuery('#' + frameId).get(0);
        },
        createUploadForm: function (id, fileElementId, data) {
            //create form	
            var formId = 'jUploadForm' + id;
            var fileId = 'jUploadFile' + id;
            var form = jQuery('<form  action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
            if (data)
            {
                for (var i in data)
                {
                    jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
                }
            }
            var oldElement = jQuery('#' + fileElementId);
            var newElement = jQuery(oldElement).clone();
            jQuery(oldElement).attr('id', fileId);
            jQuery(oldElement).before(newElement);
            jQuery(oldElement).appendTo(form);

            //set attributes
            jQuery(form).css('position', 'absolute');
            jQuery(form).css('top', '-1200px');
            jQuery(form).css('left', '-1200px');
            jQuery(form).appendTo('body');
            return form;
        },
        ajaxFileUpload: function (s) {
            // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout		
            s = jQuery.extend({}, jQuery.ajaxSettings, s);
            var id = new Date().getTime()
            var form = jQuery.createUploadForm(id, s.fileElementId, (typeof (s.data) == 'undefined' ? false : s.data));
            var io = jQuery.createUploadIframe(id, s.secureuri);
            var frameId = 'jUploadFrame' + id;
            var formId = 'jUploadForm' + id;
            // Watch for a new set of requests
            if (s.global && !jQuery.active++)
            {
                jQuery.event.trigger("ajaxStart");
            }
            var requestDone = false;
            // Create the request object
            var xml = {}
            if (s.global)
                jQuery.event.trigger("ajaxSend", [xml, s]);
            // Wait for a response to come back
            var uploadCallback = function (isTimeout)
            {
                var io = document.getElementById(frameId);
                try
                {
                    if (io.contentWindow)
                    {
                        xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : null;
                        xml.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument : io.contentWindow.document;

                    } else if (io.contentDocument)
                    {
                        xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : null;
                        xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument : io.contentDocument.document;
                    }
                } catch (e)
                {
                    jQuery.handleError(s, xml, null, e);
                }
                if (xml || isTimeout === "timeout")
                {
                    requestDone = true;
                    var status;
                    try {
                        status = isTimeout !== "timeout" ? "success" : "error";
                        // Make sure that the request was successful or notmodified
                        if (status !== "error")
                        {
                            // process the data (runs the xml through httpData regardless of callback)
                            var data = jQuery.uploadHttpData(xml, s.dataType);
                            // If a local callback was specified, fire it and pass it the data
                            if (s.success)
                                s.success(data, status);

                            // Fire the global callback
                            if (s.global)
                                jQuery.event.trigger("ajaxSuccess", [xml, s]);
                        } else
                            jQuery.handleError(s, xml, status);
                    } catch (e)
                    {
                        status = "error";
                        jQuery.handleError(s, xml, status, e);
                    }

                    // The request was completed
                    if (s.global)
                        jQuery.event.trigger("ajaxComplete", [xml, s]);

                    // Handle the global AJAX counter
                    if (s.global && !--jQuery.active)
                        jQuery.event.trigger("ajaxStop");

                    // Process result
                    if (s.complete)
                        s.complete(xml, status);

                    jQuery(io).unbind()

                    setTimeout(function ()
                    {
                        try
                        {
                            jQuery(io).remove();
                            jQuery(form).remove();

                        } catch (e)
                        {
                            jQuery.handleError(s, xml, null, e);
                        }

                    }, 100)

                    xml = null

                }
            }
            // Timeout checker
            if (s.timeout > 0)
            {
                setTimeout(function () {
                    // Check to see if the request is still happening
                    if (!requestDone)
                        uploadCallback("timeout");
                }, s.timeout);
            }
            try
            {

                var form = jQuery('#' + formId);
                jQuery(form).attr('action', s.url);
                jQuery(form).attr('method', 'POST');
                jQuery(form).attr('target', frameId);
                if (form.encoding)
                {
                    jQuery(form).attr('encoding', 'multipart/form-data');
                } else
                {
                    jQuery(form).attr('enctype', 'multipart/form-data');
                }
                jQuery(form).submit();

            } catch (e)
            {
                jQuery.handleError(s, xml, null, e);
            }

            jQuery('#' + frameId).load(uploadCallback);
            return {abort: function () {
                }};

        },
        uploadHttpData: function (r, type) {
            var data = !type;
            data = type == "xml" || data ? r.responseXML : r.responseText;
            // If the type is "script", eval it in global context
            if (type == "script")
                jQuery.globalEval(data);
            // Get the JavaScript object, if JSON is used.
            if (type == "json")
                eval("data = " + data);
            // evaluate scripts within html
            if (type == "html")
                jQuery("<div>").html(data).evalScripts();

            return data;
        },
        handleError: function (s, xhr, status, e) {
            // If a local callback was specified, fire it
            if (s.error) {
                s.error.call(s.context || window, xhr, status, e);
            }

            // Fire the global callback
            if (s.global) {
                (s.context ? jQuery(s.context) : jQuery.event).trigger("ajaxError", [xhr, s, e]);
            }
        }
    });

    //
    // The plugin code using drag/drop event. Avoid calling many times when drag/drop elements
    //
    $.fn.draghover = function (options) {
        return this.each(function () {

            var collection = $(),
                    self = $(this);

            self.on('dragover', function (e) {
                if (collection.length === 0) {
                    self.trigger('draghoverstart');
                }
                // console.log( e.type )
                // Make sure this list has only DOM at a time
                if (collection.length > 1)
                    collection = $();

                // if ( collection.index( e.target ) === -1 )
                collection = collection.add(e.target);
            });

            self.on('dragleave drop', function (e) {

                if (collection.index(e.target) === -1) {
                    // Clear collection
                    collection = $();
                } else {
                    collection = collection.not(e.target);
                }

                // wait if mouseover on another element
                var timeout = window.setTimeout(function () {

                    if (collection.length === 0) {
                        self.trigger('draghoverend');
                    }

                    // clear
                    window.clearTimeout(timeout);

                }, 300);


            });


            $(window).on('dragenter', function (e) {
                e.preventDefault();
            });

        });
    };

    //
    // A small plugin jQuery to serialize to json
    //
    $.fn.serializeObject = function () {
        var o = {};
        var a = this.serializeArray();
        $.each(a, function () {
            if (o[this.name]) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    };

    //
    // Overlay mask
    //
    $.fn.overlayMask = function (opt) {

        var setting = opt || {};

        var defaults = {
            top: 50,
            text: "Checking..."
        };
        // Action and options
        var action, options;
        // Get action
        if (typeof setting !== 'object') {
            // Action 
            action = setting;
        } else {
            options = $.extend(defaults, setting);
        }

        return this.each(function () {
            // Create overlay mask
            var anchor = $(this);

            if (options) {
                // 
                if ($('body').find('.hogo-bg-overlay-action').length === 0) {
                    $('<div class="hogo-bg-overlay-action"/>').appendTo(anchor);
                }
            } else {
                if (action === 'destroy') {
                    // Remove overlay
                    $('body').find('.hogo-bg-overlay-action').remove();
                }
            }
        });
    };

}(jQuery));

//
// Ajax Queue
//
(function ($) {

// jQuery on an empty object, we are going to use this as our Queue
    var ajaxQueue = $({});

    $.ajaxQueue = function (ajaxOpts) {
        var jqXHR,
                dfd = $.Deferred(),
                promise = dfd.promise();

        // queue our ajax request
        ajaxQueue.queue(doRequest);

        // add the abort method
        promise.abort = function (statusText) {

            // proxy abort to the jqXHR if it is active
            if (jqXHR) {
                return jqXHR.abort(statusText);
            }

            // if there wasn't already a jqXHR we need to remove from queue
            var queue = ajaxQueue.queue(),
                    index = $.inArray(doRequest, queue);

            if (index > -1) {
                queue.splice(index, 1);
            }

            // and then reject the deferred
            dfd.rejectWith(ajaxOpts.context || ajaxOpts, [promise, statusText, ""]);
            return promise;
        };

        // run the actual query
        function doRequest(next) {
            jqXHR = $.ajax(ajaxOpts)
                    .done(dfd.resolve)
                    .fail(dfd.reject)
                    .then(next, next);
        }

        return promise;
    };

})(jQuery);

//
// Get client information such as their browser type, version browser...
//
var ClientInfo = (function (window) {

    // Here's some method checking client info from BE
    return {
        getOS: function (params) {

            //  navigatorオブジェクト(テストのため入れ替えられるようにしてあります)
            var nav = navigator;

            //	パラメータ処理
            if (params == undefined) {
                params = {};
            }
            var pack_ios = params.pack_ios ? true : false;
            if (params.navigator != undefined) {
                nav = params.navigator;
            }

            //	OS判定
            if (nav.platform.indexOf('Win') != -1) {
                return "Windows";
            } else if (nav.platform.indexOf('Mac') != -1) {
                return "Mac";
            } else if (nav.platform.indexOf('iPhone') != -1 || nav.appVersion.indexOf('iPhone') != -1) {
                return pack_ios ? "iOS" : "iPhone";
            } else if (nav.platform.indexOf('iPad') != -1 || nav.appVersion.indexOf('iPad') != -1) {
                return pack_ios ? "iOS" : "iPad";
            } else if (nav.platform.indexOf('iPod') != -1 || nav.appVersion.indexOf('iPod') != -1) {
                return pack_ios ? "iOS" : "iPod";
            } else if (nav.appVersion.indexOf('Android') != -1) {
                return "Android";
            }
            return "Other";
        },
        getOSVersion: function (params) {

            //  navigatorオブジェクト(テストのため入れ替えられるようにしてあります)
            var nav = navigator;

            var version = "";
            //  パラメータ処理
            if (params === undefined) {
                params = {};
            }
            var unique_name = params.unique_name ? true : false;
            if (params.navigator !== undefined) {
                nav = params.navigator;
            }

            //  バージョン取得
            var _ver = null;
            switch (ClientInfo.getOS(params)) {
                //  Windows
                case "Windows":
                    _ver = nav.oscpu ?
                            nav.oscpu.match(/Windows NT ((\d+\.?)+)/) : //  Firefox
                            nav.appVersion.match(/Windows NT ((\d+\.?)+)/);  //  IE, Safari, Chrome, Opera
                    if (_ver) {
                        version = _ver[1];
                    }
                    //  名称に変換
                    if (unique_name) {
                        switch (version) {
                            case "6.3":
                                version = "8.1";
                                break;
                            case "6.2":
                                version = "8";
                                break;
                            case "6.1":
                                version = "7";
                                break;
                            case "6.0":
                                version = "Vista";
                                break;
                            case "5.1":
                                version = "XP";
                                break;
                            case "5.0":
                                version = "2000";
                                break;
                        }
                    }
                    break;
                    //  Mac
                case "Mac":
                    if (window.opera) {
                        _ver = nav.appVersion.match(/Intel Mac OS X ((\d+\.?)+)/);  //  Opera
                    } else {
                        _ver = nav.oscpu ?
                                nav.oscpu.match(/Intel Mac OS X ((\d+\.?)+)/) : //  Firefox
                                nav.appVersion.match(/Intel Mac OS X ((\d+_?)+)/);  //  Safari, Chrome
                    }
                    if (_ver) {
                        version = _ver[1].replace(/_/g, ".");
                    }
                    break;
                    //  Android
                case "Android":
                    _ver = nav.appVersion.match(/Android ((\d+\.?)+)/);
                    if (_ver) {
                        version = _ver[1];
                    }
                    break;
                    //  iOS
                case "iPhone":
                case "iPod":
                    _ver = nav.appVersion.match(/iPhone OS ((\d+_?)+)/);
                    if (_ver) {
                        version = _ver[1].replace(/_/g, ".");
                    }
                    break;
                case "iPad":
                    _ver = nav.appVersion.match(/OS ((\d+_?)+)/);
                    if (_ver) {
                        version = _ver[1].replace(/_/g, ".");
                    }
                    break;
            }
            return version;
        },
        getBrowser: function (params) {

            //  navigatorオブジェクト(テストのため入れ替えられるようにしてあります)
            var nav = navigator;

            //  パラメータ処理
            if (params == undefined) {
                params = {};
            }
            if (params.navigator != undefined) {
                nav = params.navigator;
            }

            //  "appName" include "Internet Explorer"
            if (nav.appName.indexOf("Internet Explorer") != -1 || nav.appVersion.match(/rv:((\d+\.?)+)/) != null) {
                if (nav.cpuClass == "x64") {
                    return "IE64";
                }
                return "IE";
            }
            //  "appName" include "Opera"
            else if (nav.appName.indexOf("Opera") != -1) {
                if (nav.appVersion.indexOf("Opera Mini") != -1) {
                    return "Opera Mini";
                } else if (nav.appVersion.indexOf("Opera Mobi") != -1) {
                    return "Opera Mobile";
                } else {
                    return "Opera";
                }
            }
            //  "appName" include "Netscape"
            else if (nav.appName == "Netscape") {
                //  for minor browsers
                //  *Thease browser check first bcause many browsers have same UserAgent for Chrome, Firefox, Safari.
                if (nav.appVersion.indexOf("iLunascape") != -1) {
                    return "iLunascape";
                } else if (nav.appVersion.indexOf("Mercury") != -1) {
                    return "Mercury";
                }
                //  Google Chrome
                //  *The string "CriOS" used on the iOS.
                else if (nav.appVersion.indexOf("Chrome") != -1 || nav.appVersion.indexOf("CriOS") != -1) {
                    return "Chrome";
                }
                //  Firefox
                else if (nav.userAgent.indexOf("Firefox") != -1) {
                    return "Firefox";
                }
                //  Safari
                //  *Most browsers matched this.
                else if (nav.appVersion.indexOf("Safari") != -1) {
                    return "Safari";
                }
                //  旧バージョンの beobj.js と互換性を取るための判定
                else if (nav.vendor.indexOf("Apple") != -1) {
                    return "Safari";
                }
            }
            return "Other";
        },
        getBrowserVersion: function (params) {
            //  navigatorオブジェクト(テストのため入れ替えられるようにしてあります)
            var nav = navigator;

            //  パラメータ処理
            if (params === undefined) {
                params = {};
            }
            if (params.navigator != undefined) {
                nav = params.navigator;
            }

            var version = "";
            switch (ClientInfo.getBrowser( {
                    navigator: nav})) {
                case "IE":
                case "IE64":
                    var _ver = nav.appVersion.match(/MSIE ((\d+\.?)+)/);  //  IE10以下の場合
                    if (_ver == null) {
                        _ver = nav.appVersion.match(/rv:((\d+\.?)+)/)
                    }  //  IE11の場合
                    if (_ver) {
                        version = _ver[1];
                    }
                    break;
                case "Opera":
                    var _ver = nav.userAgent.match(/Version\/((\d+\.?)+)/);
                    if (_ver) {
                        version = _ver[1];
                    }
                    break;
                case "Safari":
                    var _ver = nav.appVersion.match(/Version\/((\d+\.?)+)/);
                    if (_ver) {
                        version = _ver[1];
                    }
                    break;
                case "Chrome":
                    var _ver = nav.appVersion.match(/Chrome\/((\d+\.?)+)/);
                    if (_ver) {
                        version = _ver[1];
                    }
                    break;
                case "Firefox":
                    var _ver = nav.userAgent.match(/Firefox\/((\d+\.?)+)/);
                    if (_ver) {
                        version = _ver[1];
                    }
                    break;
            }
            return version;
        },
        getAdobeFlashPlayerVersion: function () {
            var ver = "";
            navigator.plugins.refresh(false);
            if (ClientInfo.getBrowser() === "IE") {
                try {
                    var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
                    ver = axo.GetVariable("$version").split(" ")[1].split(",").join(".");
                } catch (e) {
                }
            } else {
                navigator.plugins.refresh(false);
                var x = navigator.plugins["Shockwave Flash"];
                if (x && x.description) {
                    ver = x.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".");
                }
            }
            return ver;
        },
        checkFlashPlayerInstall: function () {
            var flashPlayerVer = ClientInfo.getAdobeFlashPlayerVersion();
            if (flashPlayerVer.length === 0) {
                return false;
            } else
                return true;
        }
    };
}(this));

//
// Create user and activate user
//
var Registration = (function ($) {

    /* Using for referral page */
    var referralCode = null;

    //
    // Bind or unbind event on controls related to referral fucntions
    //
    function registerReferralControlsEvent(bind, userId) {
        if (bind) {
            // Enable button first
            HoGoUtils.enableButton('#btnOK', {colorClass: 'green'});

            // Register event
            $('#btnOK').bind('click', function () {
                // Register click button
                referralPoints(userId);
            });

            // Enter event
            $('#emailReferral').bind('keypress', function (e) {
                var k = e.which ? e.which : e.keyCode;
                if (k === 13) {
                    $(this).blur();
                    referralPoints(userId);
                }
            });
        } else {
            // Unbind
            HoGoUtils.disableButton('#btnOK', {colorClass: 'green'});
            $('#emailReferral').unbind('keypress');
        }
    }

    //
    // Do referral
    //
    function referralPoints(userId) {

        // Call submit to see error fields
        $('form#validationSU').submit();

        // Invalid value
        if (!formStatus)
            return;

        // All valid
        // Disable referral button
        registerReferralControlsEvent(false);

        return $.post('api/v1/UpdateReferralUser', {EmailReferral: $('#emailReferral').val(), UserID: userId}, function (rData) {

            if (rData.status === 'OK') {
                Modal.showAlert({
                    title: i18n.t('registration.message.referral_success.title'),
                    content: i18n.t('registration.message.referral_success.content')
                });
            } else {
                // Enable button submit again
                registerReferralControlsEvent(true, userId);

                // Enable button
                if (rData.status === APIConst.USER_NOT_FOUND) {
                    Modal.showAlert({
                        title: i18n.t('registration.message.ref_user_not_found.title'),
                        content: i18n.t('registration.message.ref_user_not_found.content')
                    });
                } else if (rData.status === APIConst.INVALID_EMAIL) {
                    Modal.showAlert({
                        title: i18n.t('registration.message.invalid_email.title'),
                        content: i18n.t('registration.message.invalid_email.content')
                    });
                } else {
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            }
        });
    }

    /**
     * Create user method
     * @returns {jqXHR|undefined}
     */
    function createUser() {

        // Checking form to get formStatus accuracy value
        $('form#validation').submit();

        if (!formStatus)
            return;

        var postData = {};

        // set current timeZone for user signUp
        var date = new Date();
        var timezone = -date.getTimezoneOffset() / 60;

        postData["TimeZone"] = timezone;
        postData["ServiceID"] = HoGoConst.SERVICE_ID;
        postData["ServiceKey"] = HoGoConst.SERVICE_KEY;
        postData["EmailAddress"] = $('#email').val();
        var passHash = $.trim($('#password').val());
        postData["Password"] = HoGoUtils.MD5(passHash);
        postData["FirstName"] = $('#firstname').val();
        postData["MiddleName"] = $('#middlename').val();
        postData["LastName"] = $('#lastname').val();
        postData["Company"] = $('#company').val();
        postData["Lang"] = 'auto-' + HoGoUtils.detectBrowserLang(); //i18n.lng();

        if (HoGoUtils.getPageName() === 'referral.html')
            postData['ReferralCode'] = referralCode;

        return $.ajax({
            type: "POST",
            timeout: HoGoConst.APITimeout,
            url: "api/v1/CreateUser",
            beforeSend: function () {
                // Processing
                // Disable submit button
                HoGoUtils.disableButton('#btnSubmit', {colorClass: 'green'});
                HoGoUtils.disableButton('#btnSignupGoogle', {colorClass: 'green'});
            },
            data: postData,
            dataType: "json",
            success: function (data) {

                if (data.status === 'OK') {

                    // Showing with animation
                    $('.signup').remove();
                    $('.send-mail-signup').hide().removeClass('hid').fadeIn('slow');

                    // Register form referral
                    // Validation referral form
                    HoGoUtils.validateForm('validationSU');

                    //
                    // Event referral button
                    //
                    registerReferralControlsEvent(true, data.user_id);
                } else {
                    // Enable button
                    HoGoUtils.enableButton('#btnSubmit', {
                        colorClass: 'green',
                        isSubmitForm: true, // Validate form again. If it requires onsubmit attribute. Otherwise, must set handler opt
                        handler: createUser // 
                    });
                    HoGoUtils.enableButton('#btnSignupGoogle', {
                        colorClass: 'green',
                        isSubmitForm: true,
                        handler: signupGoogle
                    });

                    if (data.status === APIConst.userAlreadyExistStatus) {

                        Modal.showAlert({
                            title: i18n.t('registration.message.exist_email.title'),
                            content: i18n.t('registration.message.exist_email.content')
                        });
                    } else {
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                }
            }
        });
    }

    function signupGoogle() {
        HoGoUtils.disableButton('#btnSubmit', {colorClass: 'green'});
        HoGoUtils.disableButton('#btnSignupGoogle', {colorClass: 'green'});
        Login.authWithGoogle();
    }


    /**
     * Get affiliate info
     * @returns {jqXHR}
     */
    function getAffiliateByCode() {

        referralCode = HoGoUtils.getParameter()['code'];

        return $.ajax({
            type: 'POST',
            url: 'api/v1/GetAffiliateInfo',
            data: {ReferralCode: referralCode},
            timeout: HoGoConst.APITimeout
        });
    }

    return {
        init: function () {

            var pName = HoGoUtils.getPageName();

            if (pName === 'referral.html') {
                var email = decodeURIComponent(HoGoUtils.getParameter()['mail']);
                if (email !== 'undefined' && HoGoUtils.isValidEmail(email)) {
                    $('#email').val(email);
                    $('#email').attr('readonly', true).css('background-color', 'rgb(235, 235, 228)');
                }
                getAffiliateByCode().done(function (data) {

                    $('#affName').html(data.affiliate_detail.name);
                    $("#affLogo").attr("src", "api/v1/GetAffiliateThumbnail?FileID=" + data.affiliate_detail.logo);
                });
            }
            // Submit event
            $('#btnSubmit').on('click', function () {
                createUser();
            });

            // Validation
            HoGoUtils.validateForm('validationSU');

            $('#btnSignupGoogle').on('click', function () {
                signupGoogle();
            });

//            $('#emailReferral').change(function(){
//                if ($('#emailReferral').val() !== "") {
//                    HoGoUtils.enableButton("#btnOK", {colorClass: 'green', isSubmitForm: true});
//                    return true;
//                }
//                else {
//                    HoGoUtils.disableButton("#btnOK", {colorClass: 'green'});
//                    return false;
//                }   
//            });
        },
        activateUser: function () {
            var activationCode = HoGoUtils.getParameter()["ac"];

            //Activate
            return $.ajax({
                url: 'api/v1/ActivateUser',
                type: 'POST',
                timeout: HoGoConst.APITimeout,
                data: {"ActivationCode": activationCode},
                dataType: "json",
                success: function (data) {

                    if (data.status === 'OK') {
                        // Render view
                        $('#failActivate').addClass('hid');
                        // Remove img error
                        $('.img-error').addClass('hid');
                    } else {
                        $('#activeSignUp').addClass('hid');
                        switch (data.status) {

                            case APIConst.ACTIVATION_CODE_EXPIRED: // Expire link

                                $('.invalidLink').addClass('hid');
                                break;

                            default: // Invalid link
                                $('.expiredLink').addClass('hid');
                                break;
                        }

                    }
                    $('#subpage_one').show('fast');
                }
            });
        }
    };

}(jQuery));

//
// User session management
//
var UserSession = (function ($) {

    /* User's model */
    var user = null;

    /* Admin model */
    var admin = null;

    var login = false;

    return {
        /* Session key store at Cookie */
        sessionKey: "_sessionToken",
        /* Login or not */
        isLogin: function () {
            return login;
        },
        /* Complete callback for both user & admin */
        fnGetSessionComplete: null,
        /* BeforeSend callback for both user & admin */
        fnGetSessionBeforeSend: null,
        /* Error callback for both user & admin */
        fnGetSessionError: null,
        /* PayPal URL key store to cookie */
        paypalReturnURL: "_paypalReturnURL",
        getUserObject: function () {
            return user;
        },
        getAdminObject: function () {
            return admin;
        },
        /**
         * Get user's session data
         * @returns {jqXHR}
         */
        getSessionData: function () {
            var $thisObj = this;
            // Call API 
            return $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/GetSession",
                data: {'SessionID': UserSession.getSessionID()},
                dataType: "json",
                beforeSend: function () {
                    if ($thisObj.fnGetSessionBeforeSend !== null)
                        $thisObj.fnGetSessionBeforeSend.call(null);
                },
                success: function (data) {
//                    console.log("success..", data);
                    if (data.status === "OK") {
                        login = true;
                        user = data;
                        UserSession.updateLogoImg('img#logoImg', user.logo_img);
                    } else {
                        if ($thisObj.fnGetSessionError !== null)
                            $thisObj.fnGetSessionError(null, data);
                    }
                    if ($thisObj.fnGetSessionComplete !== null)
                        $thisObj.fnGetSessionComplete.call(null, data);

                }
            });
        },
        updateLogoImg: function (imgLogoId, path, isRequestServer, serviceId) {
            if (isRequestServer) {
                // load from server
                // use to load current logo image of a service
                $.ajax({
                    type: "POST",
                    timeout: HoGoConst.APITimeout,
                    url: "api/v1/GetLogoImageName",
                    data: {'ServiceId': serviceId},
                    dataType: "json",
                    success: function (data) {
                        if (data.status === "OK") {
                            if (data.logo_img !== null && data.logo_img !== '') {
                                $(imgLogoId).attr('src', '/data/' + data.logo_img);
                            }
                        }
                    }
                });
            } else {
                // load from client
                if (typeof path !== 'undefined' && path !== null && path !== '') {
                    $(imgLogoId).attr('src', '/data/' + path);

                    // update logo path to admin
                    // user can't change logo img so don't care user case
                    if (admin !== null) {
                        admin.logo_img = path;
                    }
                } else {
                    if (admin !== null && admin.logo_img !== null && admin.logo_img !== '') {
                        // try to pass logo img from admin object
                        $(imgLogoId).attr('src', '/data/' + admin.logo_img);
                    }
                }
            }
        },
        /**
         * Get admin's session data
         * @returns {jqXHR}
         */
        getAdminSessionData: function () {
            // Call API 
            return $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/GetAdminSession",
                data: {'SessionID': this.getSessionID()},
                dataType: "json",
                beforeSend: function () {

                    if (UserSession.fnGetSessionBeforeSend !== null)
                        UserSession.fnGetSessionBeforeSend();
                },
                success: function (data) {

                    if (data.status === "OK") {
                        login = true;
                        admin = data;

                        UserSession.updateLogoImg('img#logoImg');
                    } else {
                        if (UserSession.fnGetSessionError !== null)
                            UserSession.fnGetSessionError(data);
                    }
                    if (UserSession.fnGetSessionComplete !== null)
                        UserSession.fnGetSessionComplete(data);
                }
            });
        },
        /**
         * Call getting session for both User & Admin
         * @returns {jqXHR}
         */
        fnGetData: function () {
            return $.when($.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/GetSession",
                data: {'SessionID': UserSession.getSessionID()},
                dataType: "json"
            }),
                    $.ajax({
                        type: "POST",
                        timeout: HoGoConst.APITimeout,
                        url: "api/v1/GetAdminSession",
                        data: {'SessionID': UserSession.getSessionID()},
                        dataType: "json"

                    })
                    );
        },
        /**
         * Store session to cookie of user's browser
         * @param {type} sessionID
         * @returns {undefined}
         */
        setSessionID: function (sessionID) {

            var days = 7;// 1 week
            if (sessionID !== null) {

                var date = new Date();

                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

                var expires = "; expires=" + date.toGMTString();

                document.cookie = this.sessionKey + "=" + sessionID + expires + "; path=/";
            }
        },
        /**
         * Get sessionID stored at client browser
         * @returns {string}
         */
        getSessionID: function () {

            var sessionID = this.sessionKey + "=";

            var cookkies = document.cookie.split(';');
            for (var i = 0; i < cookkies.length; i++) {
                var c = cookkies[i];
                while (c.charAt(0) === ' ')
                    c = c.substring(1, c.length);
                if (c.indexOf(sessionID) === 0)
                    return c.substring(sessionID.length, c.length);
            }
            return null;
        },
        /**
         * Remove session from cookie
         * @returns {undefined}
         */
        clearSessionID: function () {
            //Remove cookie
            document.cookie = this.sessionKey + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
        },
        /**
         * Get username
         * @returns {user.name}
         */
        getName: function () {
            if (user !== null)
                return user.name;
            else
                return null;
        },
        /**
         * Get user's timezone
         * @returns {user.time_zone|Number}
         */
        getTimeZone: function () {
            if (user !== null)
                return user.time_zone;
            else
                return -5;
        },
        /**
         * Get user's point
         * @returns {user.points}
         */
        getPoints: function () {
            if (user !== null)
                return user.points;
            else
                return null;
        },
        /**
         * Get user's langding page
         * @returns {user.landing_page}
         */
        getLandingPage: function () {
            if (user !== null)
                return user.landing_page;
            else
                return null;
        },
        /**
         * Get user's language. It will return user's language standard code refer this link (http://4umi.com/web/html/languagecodes.php)
         * However, if language is auto, it detects user's browser language
         * @returns {user.lang}
         */
        getLang: function () {
            if (user !== null) {
                //Specify language
                if (user.lang.length === 2) { //Follow standard 2 chars
                    return user.lang;
                } else {
                    return HoGoUtils.detectBrowserLang();
                }
            } else
                return null;
        },
        /**
         * Update user info on view by calling getSessionData again
         * @returns {undefined}
         */
        updateUserInfo: function (isAuto) {

            //Get session data
            this.getSessionData().done(function (sessionData) {
                // Init with new lang
                var session = UserSession;
                session.renderNameAndPoint(sessionData);
                if (session.getLang() !== i18n.lng()) {
                    HoGoObjects.translateAndInitLoginState(session.getLang(), isAuto);
                }
            });
        },
        /**
         * Render only username and points base on user's language
         * @param {json} sessionData User's session data
         * @returns {undefined}
         */
        renderNameAndPoint: function (sessionData) {
            // Render name/points
            var name;

            var lang;
            var lLang = sessionData.lang.split("-");
            if ($.trim(lLang[0]) === 'auto' || $.trim(lLang[0]) === '')
                lang = HoGoUtils.detectBrowserLang();
            else
                lang = sessionData.lang;

            if (lang === 'ja') {
                // Last name + first name
                $('#profileLink').text(sessionData.last_name + ' ' + sessionData.first_name + " 様");
            } else {
                // Another language
                name = sessionData.first_name;
                if (sessionData.middle_name === null) {
                    name = name + ' ';
                } else {
                    name = name + ' ' + sessionData.middle_name;
                }
                name = name + ' ' + sessionData.last_name;

                $('#profileLink').text(name);
            }
            // Points
            $('#pointNumber').text(sessionData.points);
        },
        /**
         * Set PayPal url to cookie
         * @param {type} _url
         * @returns {undefined}
         */
        setReturnPaypalURL: function (_url) {

            var days = 7;// 1 week
            if (_url !== null) {
                var date = new Date();

                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

                var expires = "; expires=" + date.toGMTString();

                document.cookie = this.paypalReturnURL + "=" + _url + expires + "; path=/";
            }
        },
        /**
         * Get url PayPal from cookie
         * @returns {unresolved}
         */
        getReturnPaypalURL: function () {

            var _url = this.paypalReturnURL + "=";

            var cookkies = document.cookie.split(';');
            for (var i = 0; i < cookkies.length; i++) {
                var c = cookkies[i];
                while (c.charAt(0) === ' ')
                    c = c.substring(1, c.length);
                if (c.indexOf(_url) === 0)
                    return c.substring(_url.length, c.length);
            }
            return null;
        },
        //-----------
        // Admin 
        //-----------

        getAdminID: function () {
            if (admin !== null)
                return admin.admin_id;
        },
        getAdminTimezone: function () {
            if (admin !== null)
                return admin.time_zone;
        },
        getAdminLang: function () {

            if (admin !== null) {
                //Specify language
                if (admin.adminlang.length === 2) { //Follow standard 2 chars
                    return admin.adminlang;
                } else {
                    return HoGoUtils.detectBrowserLang();
                }
            } else
                return null;
        },
        updateAdminInfo: function () {

            //Get session data
            this.getAdminSessionData().done(function (sessionData) {

                // Init with new lang
                var session = UserSession;
                if (session.getAdminLang() !== i18n.lng()) {
                    HoGoObjects.translateAndInitLoginState(session.getAdminLang());
                }

                // render admin name
                var name, lang;
                var lLang = sessionData.adminlang.split("-");
                if ($.trim(lLang[0]) === 'auto' || $.trim(lLang[0]) === '') {
                    lang = HoGoUtils.detectBrowserLang();
                } else {
                    lang = sessionData.lang;
                }

                if (lang === 'ja') {
                    // Last name + first name
                    $('#profileLink').text(sessionData.last_name + ' ' + sessionData.first_name + " 様");
                } else {
                    // Another language
                    name = sessionData.first_name;
                    if (typeof sessionData.middle_name === 'undefined') {
                        name = name + ' ';
                    } else {
                        name = name + ' ' + sessionData.middle_name;
                    }
                    name = name + ' ' + sessionData.last_name;

                    $('#profileLink').text(name);
                }
            });
        }
    };

}(jQuery));

//
// Error page
//
var ErrorNotice = (function ($) {

    // Error number
    var errorNo;

    return {
        drawErrorView: function (errorNo) {
            // List error
            switch (errorNo) {

                case APIConst.LINK_EXPIRED_CODE:
                    $('.error-message').text(i18n.t('download.message.link_expiry'));
                    break;

                case APIConst.DOCUMENT_EXPIRED_CODE:
                    $('.error-message').text(i18n.t('download.message.document_expiry'));
                    break;

                case APIConst.LIST_EMPTY_CODE:
                    $('.error-message').text(i18n.t('download.message.list_document_empty'));
                    break;
                case APIConst.PACKAGE_NOT_FOUND:
                    $('.error-message').text(i18n.t('history.package.message.package_deleted.content'));
                    break;
                default:
                    $('.error-message').text(i18n.t('error.error_occur'));
                    break;
            }
        },
        init: function () {

            // Getting param
            errorNo = HoGoUtils.getParameter()["error"];

            // List error
            ErrorNotice.drawErrorView(errorNo);
        }
    };
}(jQuery));

//
// Handle view online
//
var ViewOnline = (function ($) {

    // 
    function be_onauthok(msg) {
        //  
        BEObj.getPdfState('contents', onChangePdfState);
        //  
        BEObj.execKrPdfJs('contents', ["KRNS.t.numPages"], function (ret) {
            $("#pdf_page_num").text("/" + ret[0]);
        });
    }

    //  
    function be_onpageopen(msg) {
        // 
        if (msg.result === "true") {
            BEObj.getPdfState('contents', onChangePdfState);
        }
    }

    //  
    function onChangePdfState(obj) {
        BEObj.log("onChangePdfState: " + BEObj.inspect(obj));
        if (obj.zoom) {
            setZoomNum(obj.zoom);
        }
        if (obj.page) {
            setPageNum(obj.page);
        }
    }

    //  set Page Number
    function setPageNum(page) {
        $("#pdf_page").val(page - 0 + 1);
    }
    function getPageNum() {
        return $('#pdf_page').val() - 1;
    }

    //  Zoom
    function setZoomNum(zoom) {
        $("#pdf_zoom").val(zoom);
    }
    function getZoomNum() {
        return $('#pdf_zoom').val() - 0;
    }

    return {
        init: function () {
            // Gettting required parameter
            var accessCode = HoGoUtils.getParameter()["code"];


            if (accessCode === 'undefined') {
                return;
            }
            var DocumentID = '';
            var PackageID = '';
            if (accessCode === 'NotUsed') {
                DocumentID = HoGoUtils.getParameter()["DocumentID"];
                PackageID = HoGoUtils.getParameter()["PackageID"];
            }
            //  beobj.js  
            var _kr_host_bookend = "bookend.keyring.net";
            var postfix = "?" + new Date().getTime();
            var linkBE = 'https://' + _kr_host_bookend + '/js/beobj.js' + postfix;

            // Require BE lib
            require([linkBE], function () {
                // Load done
                try {
                    //var kr_hosts = "https://" + location.host + "/HoGo/";
                    var aParts = window.location.pathname.split('/');
                    // Delete page name
                    delete aParts[aParts.length - 1];
                    // Get sub domain
                    var path = aParts.join('/');
                    var kr_hosts = location.protocol + "//" + location.host + path;

                    var urlGetFile = kr_hosts + "api/v1/GetLinkedDocumentFileViewOnline/" + accessCode;
                    if (DocumentID !== '' && PackageID !== '')
                        urlGetFile = kr_hosts + "api/v1/GetLinkedDocumentFileViewOnline/" + accessCode + "?DocumentID=" + DocumentID + "&PackageID=" + PackageID;
                    // get link document file
                    $.ajax({
                        type: "GET",
                        timeout: HoGoConst.APITimeout,
                        url: urlGetFile,
                        dataType: "json",
                        success: function (data) {
                            if (data.status === 'OK') {
                                var linkFile = data.link + "#toolbar=0";
                                BEObj.createProtectedContents(
                                        {TargetElement: "contents", LoadingSWF: "", OnAuthOK: be_onauthok, OnPageOpen: be_onpageopen},
                                        {src: linkFile, style: "width:100%; height:95%;"}, 0);
                            }
                        }
                    });
                } catch (e) {
                    Modal.showAlert({content: e.message});
                }
            });

            $("#pdf_print_bt1").click(function (e) {
                BEObj.execKrPdfJs('contents', ["KRNS.t.print()"]);
            });
            //  
            $("#pdf_zoomtype").click(function (e) {
                BEObj.setPdfZoomType('contents', 'FitPage', onChangePdfState);
            });
            //  
            $("#pdf_zoom").keypress(function (e) {
                if (e.which === 13) {
                    BEObj.setPdfZoom('contents', getZoomNum(), onChangePdfState);
                }
            });
            $("#pdf_zoom_d").click(function (e) {
                BEObj.setPdfZoom('contents', getZoomNum() - 10, onChangePdfState);
            });
            $("#pdf_zoom_u").click(function (e) {
                BEObj.setPdfZoom('contents', getZoomNum() + 10, onChangePdfState);
            });
            //  
            $("#pdf_page").keypress(function (e) {
                if (e.which === 13) {
                    BEObj.setPdfPageNum('contents', getPageNum(), onChangePdfState);
                }
            });
            $("#pdf_page_d").click(function (e) {
                BEObj.setPdfPageNum('contents', getPageNum() - 1, onChangePdfState);
            });
            $("#pdf_page_u").click(function (e) {
                BEObj.setPdfPageNum('contents', getPageNum() + 1, onChangePdfState);
            });
            //  
            $("#page_single").click(function (e) {
                BEObj.setPdfLayout('contents', 'SinglePage', onChangePdfState);
            });
            $("#page_twocolumn").click(function (e) {
                BEObj.setPdfLayout('contents', 'TwoPageLeft', onChangePdfState);
            });
            //  
            $("#pdf_search_bt").click(function (e) {
                BEObj.searchPdf('contents', $('#pdf_search').val());
            });
            $("#pdf_search").keypress(function (e) {
                if (e.which === 13) {
                    $("#pdf_search_bt").click();
                }
            });
        }
    };
}(jQuery));

//
// Contain API const returned
//
var APIConst = {
    /* SessionID not found */
    sessionIdNotFound: "SessionIdNotFound",
    /* Insuffient point */
    INSUFFICIENT_POINT: "InsufficientPoint",
    /* Max Transaction */
    MAX_TRANSACTION: "maxTransaction",
    /* Admin's session not found */
    ADMIN_SESSION_REQUIRED: "AdminSessionRequired",
    /* User already exist */
    userAlreadyExistStatus: "UserAlreadyExist",
    /* Recipient already exist */
    RECIPIENT_ALREADY_EXIST: "RecipientAlreadyExist",
    /* Invalid parameter */
    invalidParameterStatus: "InvalidParameter",
    /* Activation code exprired */
    ACTIVATION_CODE_EXPIRED: "ActivationCodeExpired",
    /* Input param error */
    inputParameterErrorStatus: "InputParameterError",
    /* Invalid max download */
    invalidMaxDownloadValue: "InvalidMaxDownloadValue",
    /* Reset code expired */
    RESET_CODE_EXPIRED: "ResetCodeExpired",
    /* Password protected file */
    passwordProtected: "PasswordProtect",
    /* Max file size */
    maxFileSize: "MaxFileSizeExceeded",
    maxFileErrorStatus: "MaxFileError",
    AFFILIATE_ALREADY_EXIST: "AffiliateAlreadyExist",
    /* Document not support for zero method */
    DOCUMENT_NOT_SUPPORT_ZERO_METHOD: "DocumentNotSupportZeroMethod",
    /* Download function has been disbaled */
    DOWNLOAD_DISABLED: "DownloadDisabled",
    MAX_DOWNLOAD: "MaxDownload",
    DOCUMENT_EXPIRED: "DocumentExpired",
    REGISTER_EMAIL_ERROR: "RegisterEmailError",
    WRONG_PASSWORD: 'WrongPassword',
    PACKAGE_NOT_FOUND: "PackageNotFound",
    DISTRIBUTION_NOT_FOUND: "DistributionNotFound",
    USER_NOT_FOUND: "UserNotFound",
    DOCUMENT_EXPIRED_CODE: "DocumentExpired",
    LINK_EXPIRED_CODE: "LinkExpired",
    LIST_EMPTY_CODE: "ListEmpty",
    INVALID_EMAIL: "InvalidEmail",
    PAYPAL_METHOD_PAYMENT: 1,
    STRIPE_METHOD_PAYMENT: 2,
    GMO_METHOD_PAYMENT: 3
};

//
// Contain constants using entire HoGo app such as default language...
//
var HoGoConst = {
    ACTIVE_STATUS: 1,
    REMOVED_STATUS: 2,
    DEACTIVE_STATUS: 3,
    INACTIVE_STATUS: 8,
    /* Ajax's timeout */
    APITimeout: 300000, // 5mins    

    EXTERNAL_TIMEOUT: 60000, // Anycall from outside

    /* Language detault */
    LANG_DEFAULT: 'en',
    /* Default service key */
    SERVICE_KEY: '123456',
    /* Default service ID */
    SERVICE_ID: 'hogo',
    /* Max date <=> No limit */
    MAX_DATE: '9999/12/31 23:59:59',
    /* Wizard type */
    WIZARD_DIRECT_SEND_TYPE: 1,
    WIZARD_CREATE_LINK_TYPE: 2,
    WIZARD_SPECIFY_LINK_TYPE: 3,
    WIZARD_ANONYMOUS_TYPE: 4,
    /*FILE TYPE */
    FILE_PDF_TYPE: 1,
    FILE_WORD_TYPE: 2,
    FILE_EXCEL_TYPE: 3,
    FILE_POWERPOINT_TYPE: 4,
    FILE_XLSM_TYPE: 5,
    FILE_ORTHER_TYPE: 6,
    /* History code */
    DIRECT_SEND_TYPE: 405,
    CREATE_LINK_NONDOWNLOAD_TYPE: 406,
    CREATE_LINK_DOWNLOAD_TYPE: 407,
    LINK_SPECIFY_CREATED_TYPE: 411,
    LINK_ANONYMOUS_CREATED_TYPE: 412,
    PACKAGE_CREATED_TYPE: 100,
    PACKAGE_UPDATED_TYPE: 101,
    PACKAGE_DELETED_TYPE: 102,
    DOCUMENT_ADDED_TYPE: 200, // Document
    DOCUMENT_UPDATED_TYPE: 201, // Document
    DOCUMENT_DELETED_TYPE: 202, // Document

    RECIPIENT_ADDED_TYPE: 300, // Recipient
    RECIPIENT_UPDATED_TYPE: 301, // Recipient
    RECIPIENT_DELETED_TYPE: 302, // Recipient

    USER_CREATED_TYPE: 400,
    USER_DELETED_TYPE: 402,
    LOGIN_TYPE: 403,
    LOGOUT_TYPE: 404,
    DOCUMENT_EXPIRED_TYPE: 603, // Document
    LINK_EXPIRED_TYPE: 604,
    DOCUMENT_DOWNLOADED_TYPE: 602, // Document
    LINK_MAX_DOWNLOAD_TYPE: 605,
    DOCUMENT_VIEWED_TYPE: 601, // Document
    DOCUMENT_OPENED_TYPE: 606, // Document
    INSUFFICIENT_POINT_TYPE: 600,
    USER_UPDATED_TYPE: 401,
    ADMIN_ADD_POINTS: 505,
    PURCHASE_POINTS_TYPE: 408,
    ADMIN_REFUND_TYPE: 504,
    ADMIN_SENT_MESSAGE_TYPE: 777,
    MESSAGE_UNREAD_TYPE: 0,
    MESSAGE_READ_TYPE: 1,
    // Distribution status
    DISTRIBUTION_WAIT_DOWNLOAD_ID: "Waiting",
    DISTRIBUTION_DOWNLOAD_ID_ERROR: "Error",
    DISTRIBUTION_NO_ACCESS_CODE: "NoAccessCode",
    DISTRIBUTION_HAS_BEEN_DELETED: "HasBeenDeleted",
    DISTRIBUTION_NOT_USED: "NotUsed",
    // System service level
    SYSTEM_ADMIN: 1,
    DISTRIBUTOR: 2,
    COMPANY_ADMIN: 3,
    NOMAL_USER: 4,
    //auto set new payment after trial
    NOT_SET_NEW_PAYMENT_AFTER_TRIAL: 0,
    SET_NEW_PAYMENT_AFTER_TRIAL: 1,
    MAX_LOGO_WIDTH: 60,
    MAX_LOGO_HEIGHT: 34,
    // Account Type
    TRIAL_ACCOUNT: "trial",
    ACTIVE_ACCOUNT: "active",
    // reseller role
    RESELLER_ADMIN: 1,
    RESELLER_MANAGER: 2
};

//
// Provide methods concerning with datatable
//
var DTUtils = {
    // I18N
    DTLang: {},
    /**
     *  Collect required data send to server in document list table
     *  @param {object}: aoData datatable object contains data to send out
     *  @return {object}
     */
    documentListPostData: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 5:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }

        if (HoGoUtils.getPageName() === 'userdetail.html') {
            post["UserID"] = HoGoUtils.getParameter()['userID'];
        }
        post["SessionID"] = UserSession.getSessionID();
        return post;
    },
    recipientListPostData: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 5:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }
        post["GroupID"] = HoGoUtils.getParameter()["group_recipient_id"];
        post["SessionID"] = UserSession.getSessionID();
        post["UserID"] = HoGoUtils.getParameter()["userID"];
        return post;
    },
    groupRecipientListPostData: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }
            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;

        }
        post["sessionID"] = UserSession.getSessionID();
        return post;
    },
    /**
     * Make request data in order to get recipient list in send wizard section
     * @param {type} aoData
     * @returns {object}
     */
    recipientListPostDataForSendWizard: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }
        post["SessionID"] = UserSession.getSessionID();

        return post;
    },
    recipientListByPackageIdPostData: function (aoData, packageId) {

        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }

            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 5:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }
        post["packageId"] = packageId;
        post["SessionID"] = UserSession.getSessionID();

        return post;
    },
    /**
     * This function is used to return data send to service for MyDocumentList
     * @param {type} aoData
     * @param {type} packageId
     * @param {type} method
     * @returns {object}
     */
    documentListByPackageIdPostData: function (aoData, packageId, method) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 5:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }
        post["SessionID"] = UserSession.getSessionID();
        post['packageId'] = packageId;
        // PDF method
        if (method === HoGoConst.WIZARD_DIRECT_SEND_TYPE || method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
            post['FileType'] = HoGoConst.FILE_PDF_TYPE; // 1
        } else {
            // All type
            post['FileType'] = '1,2,3,4';
        }
        return post;
    },
    /**
     * Event click select all record (Each record is checkbox)
     * @param {object} btnSelectAll
     * @param {array} checkedList 
     * @param {string} childName : Child name of each child
     * @param {string} attrValue : attribute name from checkedList
     * @param {string} btnWillBeDisable : selector (button) will be disabled
     * @param {function} funName : Function will be disabled
     * @param {string} btnColor : Button's color
     * @returns {undefined}
     */
    fnSelectAllCheckBox: function (btnSelectAll, checkedList, childName, attrValue, btnWillBeDisable, funName, btnColor) {

        this.checkboxSelectAllEvent(btnSelectAll, childName, checkedList, attrValue);

        if (checkedList.length > 0) {
            //Enable these buttons
            //enableButton(btnWillBeDisable, btnColor, false, funName);
            HoGoUtils.enableButton('#' + btnWillBeDisable, {
                colorClass: btnColor,
                handler: funName
            });
        } else {
            //disableButton(btnWillBeDisable, btnColor, funName);
            HoGoUtils.disableButton('#' + btnWillBeDisable, {
                colorClass: btnColor
            });
        }
    },
    /**
     * This function is used to implement event click on checkbox all.
     * @param {object}: itself the checkbox is checked
     * @param {object}: cbChildName the checkbox parent
     * @param {array}: checkedList the list contains ID selected
     * @param {string}: attrName this attribute-name will be used instead of 'ID' if it's set
     */
    checkboxSelectAllEvent: function (itself, cbChildName, checkedList, attrName) {
//        console.log("dau xanh...");
        var _this = $(itself);

        var tID = _this.parents('table').attr('id');

        $('#' + tID + ' :checkbox[name=' + cbChildName + ']').prop("checked", _this.prop("checked"));

        if (_this.prop("checked")) {

            $('#' + tID + ' label[class="checker"]').addClass("checked");

            $('#' + tID + ' :checkbox[name=' + cbChildName + ']').each(function () {

                var attr = (attrName === undefined || attrName === '') ? $(this).attr("id") : $(this).attr(attrName);

                if (jQuery.inArray(attr, checkedList) === -1) {

                    checkedList.push(attr);//Add
                }
            });
        } else {

            $('#' + tID + ' label').each(function () {

                if ($(this).hasClass('checked'))
                    $(this).removeClass('checked');

            });

            $('#' + tID + ' :checkbox[name=' + cbChildName + ']').each(function () {

                var index = (attrName === undefined || attrName === '') ? jQuery.inArray($(this).attr("id"), checkedList) : jQuery.inArray($(this).attr(attrName), checkedList);

                checkedList.splice(index, 1); //Remove

            });
        }
        return checkedList;
    },
    /**
     * This function is used to implemnet event checkbox is still select when switching page 
     * @param {String}: tableId the ID of table paging
     * @param {object}: cbChildName the checkbox is checked
     * @param {object}: cbParentName the checkbox parent
     * @param {array}: checkedList the list contains ID selected
     * @param {string}: attrName this attribute-name is used instead of 'ID' if it's set
     */
    checkboxSwitchPage: function (tableId, cbChildName, cbParentName, checkedList, attrName) {
        $("#" + tableId).find("input:checkbox[name=" + cbChildName + "]").each(function () {

            var attr = (attrName === undefined || attrName === '') ? $(this).attr("id") : $(this).attr(attrName);

            if (jQuery.inArray(attr, checkedList) !== -1) {
                $(this).prop("checked", true);

                $('label[for=' + $(this).attr("id") + ']').addClass("checked");
            } else {
                $(this).prop("checked", false);

                $('label[for=' + $(this).attr("id") + ']').removeClass("checked");

            }
            //Check all or not
            var _this = $(this);

            var _selectall = _this.prop("checked");

            if (_selectall) {
                $(':checkbox[name=' + cbChildName + ']').each(function () {

                    _selectall = $(this).prop("checked");

                    return _selectall;
                });
            }

            var pID = $(':checkbox[name=' + cbParentName + ']').attr('id');
            if (_selectall) {

                $('label[for=' + pID + ']').addClass("checked");
            } else {

                $('label[for=' + pID + ']').removeClass("checked");
            }
            $(':checkbox[name=' + cbParentName + ']').prop("checked", _selectall);
        });
    },
    /*
     * This function is used to implement event each checkbox child is selected or unselected
     * @param {object}: itself the checkbox is checked
     * @param {object}: cbParentName the checkbox parent
     * @param {array}: checkedList the list contains ID selected
     * @param {string}: attrName this attribute-name is used instead of 'ID' if it's set
     */
    checkboxChildSelectEvent: function (itself, cbParentName, checkedList, attrName) {

        var attr = (attrName === undefined || attrName === '') ? $(itself).attr("id") : $(itself).attr(attrName);
        if (jQuery.inArray(attr, checkedList) !== -1) {

            var index = jQuery.inArray(attr, checkedList);


            checkedList.splice(index, 1);
        } else {

            if (attr !== 'tablepaging') {
                checkedList.push(attr);
            }
        }

        //Check all or not
        var _this = $(itself);

        var _selectall = _this.prop("checked");

        if (_selectall) {
            $(':checkbox[name=' + _this.attr("name") + ']').each(function () {

                _selectall = $(this).prop("checked");

                return _selectall;
            });
        }

        var pID = $(':checkbox[name=' + cbParentName + ']').attr('id');

        if (_selectall) {

            $('label[for=' + pID + ']').addClass("checked");
        } else {

            $('label[for=' + pID + ']').removeClass("checked");
        }

        $(':checkbox[name=' + cbParentName + ']').prop("checked", _selectall);
    },
    /**
     * Setup table control such as (Length, Filter ...) for table using datatable plugin
     * @param {type} oSettings datatable's setting
     * @returns {undefined}
     */
    fnSetUpTableControl: function (oSettings) {

        //Make sure table have data
        if (oSettings.fnRecordsDisplay() <= 1) {
            for (var i = 0, len = oSettings.aoColumns.length; i < len; i++) {

                var th = $(oSettings.aoColumns[i].nTh);
                if (th.hasClass('sorting') || th.hasClass('sorting_asc') || th.hasClass('sorting_desc')) {
                    th.addClass('sorting_disabled');
                }
                oSettings.aoColumns[ i ].bSortable = false;
            }
        } else {
            for (var i = 0, len = oSettings.aoColumns.length; i < len; i++) {

                // oSettings.aoColumns[i].nTh.className = ""; 
                var th = $(oSettings.aoColumns[i].nTh);
                if (th.hasClass('sorting_disabled') && th.hasClass('sorting')) {
                    th.removeClass('sorting_disabled');
                }
                if (th.hasClass('sorting_disabled') && th.hasClass('sorting') && (th.hasClass('sorting_asc') || th.hasClass('sorting_desc'))) {

                    th.removeClass('sorting_disabled');
                    //Remove sorting to apply new css
                    th.removeClass('sorting');
                }
                if (th.hasClass('sorting_disabled') && (th.hasClass('sorting_asc') || th.hasClass('sorting_desc'))) {
                    th.removeClass('sorting_disabled');
                }
                //
                if (th.hasClass('sorting') && (th.hasClass('sorting_asc') || th.hasClass('sorting_desc'))) {
                    th.removeClass('sorting');
                    //Remove sorting to apply new css
                }
                if (th.hasClass('sorting')) {
                    oSettings.aoColumns[ i ].bSortable = true;
                }
            }
        }
        //Pagination
        if (oSettings._iDisplayLength >= oSettings.fnRecordsDisplay() || oSettings._iDisplayLength === -1) {
            setTimeout(function () {
                // Hide pagination
                $('#' + oSettings.sInstance + '_paginate').hide();
                // Hide length
                //if (oSettings._iDisplayLength >= oSettings.fnRecordsDisplay())
                //$('#' + oSettings.sInstance + '_length').hide();

            }, 100);
        } else {
            // Show again
            $('#' + oSettings.sInstance + '_length').show();
            $('#' + oSettings.sInstance + '_paginate').show();
        }
        // Resize
        $('.reveal-modal-bg .reveal-modal').trigger('reveal:resize');
    },
    /**
     * Trigger click event checkbox on the row
     * @param {object} row :The row contains checkbox
     */
    fnCheckBoxOnRow: function (row) {
//console.log(row);
        var $this = $(row);

        var cb = $this.find(':checkbox');

        if (cb.is(':checked')) {

            cb.prop('checked', false).triggerHandler('click');
        } else {
            cb.prop('checked', true).triggerHandler('click');
        }
    },
    /**
     * Enable mutiple buttons
     * @param {string} json with format: {list_button [id: "btnSend", color: "orange", submit: "false", fn: "fnAddRecipientToSession", form_id: null], ....} 
     */
    fnEnableControl: function (json) {

        var fn = json.list_button;

        $.each(fn, function (k, v) {
            HoGoUtils.enableButton('#' + v.id, {colorClass: v.color, isSubmitForm: v.submit, handler: v.handler, formID: v.form_id});
        });
    },
    /**
     * Disable multiple buttons with the same options to fnEnableControl method
     * @param {type} json
     * @returns {undefined}
     */
    fnDisableControl: function (json) {

        var fn = json.list_button;

        $.each(fn, function (k, v) {
            HoGoUtils.disableButton('#' + v.id, {colorClass: v.color});
        });
    },
    /*
     * Using to paginate or not. If there's more than 1 page, it will be paginated.    
     * @param {object}: oSettings datable object settings
     */
    determinePaging: function (oSettings) {

        if ((oSettings._iDisplayLength >= oSettings.fnRecordsDisplay()) || oSettings._iDisplayLength === -1) {
            setTimeout(function () {
                $('#' + oSettings.sTableId + '_paginate').hide();
            }, 300);
        } else {
            $(".dataTables_paginate").show();
        }
    },
    folderListPostData: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
        }

        if (HoGoUtils.getPageName() === 'userdetail.html') {
            post["UserID"] = HoGoUtils.getParameter()['userID'];
        }
        post["SessionID"] = UserSession.getSessionID();
        return post;
    },
    documentFolderListFilesPostData: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 5:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }
        post["folder_id"] = HoGoUtils.getParameter()['folderId'];
        post["SessionID"] = UserSession.getSessionID();
        post["UserID"] = HoGoUtils.getParameter()['userID'];
        return post;
    },
    companyAddressListPostData: function (aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {

            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }
            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["sort_type"] = 1;
                else
                    post["sort_type"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["sort_type"] = 3;
                else
                    post["sort_type"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["sort_type"] = 5;
                else
                    post["sort_type"] = 6;
                break;
        }
        post["session_id"] = UserSession.getSessionID();
        post["emails"] = "";
        return post;
    }
};

//
// Provide methods checking date/convert date
//
var DateUtils = {
    /**
     * String object format date
     * @param {type} date
     * @returns {String} example output: 04/10/2014 (mm/dd/yyyy)
     */
    convertDate: function (date) {
        if (typeof date !== 'undefined') {
            var dateObj = new Date(date);
            if (Object.prototype.toString.call(dateObj) === "[object Date]") {
                if (isNaN(dateObj.getTime())) {
                    return date;
                } else {
                    return ("0" + (dateObj.getMonth() + 1)).slice(-2) + "/" + ("0" + dateObj.getDate()).slice(-2) + "/" + dateObj.getFullYear();
                }
            } else {
                //Not format date object
                return "Invalid Date";
            }
        } else {
            return "undefined";
        }
    },
    /**
     * String object format date
     * @param {type} date
     * @returns {String} example output: 04/10/2014 00:00:00 (mm/dd/yyyy hh:mm:ss)
     */
    convertFullDate: function (date) {

        if (typeof date !== 'undefined') {

            var dateObj = new Date(date);
            if (Object.prototype.toString.call(dateObj) === "[object Date]") {

                if (isNaN(dateObj.getTime())) {
                    return date;
                } else {
                    return ("0" + (dateObj.getMonth() + 1)).slice(-2) + "/" + ("0" + dateObj.getDate()).slice(-2) + "/" + dateObj.getFullYear() + " " + ("0" + dateObj.getHours()).slice(-2) + ":" + ("0" + dateObj.getMinutes()).slice(-2) + ":" + ("0" + dateObj.getSeconds()).slice(-2);
                }
            } else {
                return "Invalid format date";
            }
        } else {
            return null;
        }
    },
    /*
     * Convert UTC date to local timezone
     * @param {type} date: Date type
     * @param {type} timezone: int type
     * @returns {Date}
     */
    convertUTCToLocalTime: function (date, timezone) {

        var dateLocalTime = new Date(new Date(date).getTime() + timezone * 60 * 1000 * 60);
        return dateLocalTime;
    },
    convertToDBDate: function (date) {

        var tSuffix = '23:59:59'; // Max time
        var dPrefix = '9999/12/31'; // Max day
        if (date !== undefined && date !== '') {
            var array = date.split("/");
            var month = array[0];
            // array of month by number
            var months = new Array(
                    "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
            // array of month by text
            var monthStrings = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
            for (var index = 0; index < months.length; index++) {
                if (monthStrings[index] === month)
                    array[0] = months[index];
            }
            // Create date obj 
            var dateObj = new Date(array[2] + "/" + array[0] + "/" + array[1]);
            if (!isNaN(dateObj.getTime())) {
                return dateObj.getFullYear() + "/" + (dateObj.getMonth() + 1) + "/" + dateObj.getDate() + " " + tSuffix;
            } else
                // Return max date
                return dPrefix + ' ' + tSuffix;
        } else {
            // Return max date
            return dPrefix + ' ' + tSuffix;
        }
    },
    convertFromDateObject: function (dateObj) {
        if (Object.prototype.toString.call(dateObj) === "[object Date]") {
            return ("00" + (dateObj.getMonth() + 1)).slice(-2) + "/" + ("00" + dateObj.getDate()).slice(-2) + "/" + dateObj.getFullYear();

        } else {
            return "N/A";
        }
    },
    convertToNormalDate: function (date) { //May/01/2013 to 05/01/2013
        var d = {};
        d = date.split("/");
        var months = {};
        months["Jan"] = "01";
        months["Feb"] = "02";
        months["Mar"] = "03";
        months["Apr"] = "04";
        months["May"] = "05";
        months["Jun"] = "06";
        months["Jul"] = "07";
        months["Aug"] = "08";
        months["Sep"] = "09";
        months["Oct"] = "10";
        months["Nov"] = "11";
        months["Dec"] = "12";
        return months[d[0]] + "/" + d[1] + "/" + d[2];
    },
    /**
     * Calculate date before with specific days
     * @param {type} days
     * @returns {String|type}
     */
    calculateDateBefore: function (days) {
        var d = new Date();
        return DateUtils.convertDate(new Date(d.getFullYear(), d.getMonth(), d.getDate() - days, d.getHours(), d.getMinutes(), d.getSeconds()));
    },
    /**
     * Check whether date string is valid or not
     * @param {type} dateString
     * @returns {Boolean}
     */
    isValidDate: function (dateString) {
        // Conver to date object
        var date = new Date(dateString);
        if (isNaN(date.getTime()) === false) {
            return true;
        } else {
            return false;
        }
    }
};

//
// Create modal for HoGo such as existing addressbook modal...
//
var Modal = (function ($) {

    var SelectedDocumentList = {
        DocumentList: [],
        push: function (id, title, file_name, create_date) {
            var isExist = false;

            $.each(SelectedDocumentList.DocumentList, function (index, value) {

                if (value.ID === id)
                    isExist = true;
            });

            if (!isExist)
                SelectedDocumentList.DocumentList.push({'ID': id, 'title': title, 'file_name': file_name, "create_date": create_date});

        },
        remove: function (id) {

            for (var index = 0; index < SelectedDocumentList.DocumentList.length; index++) {

                if (SelectedDocumentList.DocumentList[index].ID === id)
                    SelectedDocumentList.DocumentList.splice(index, 1); //Remove  

            }
        },
        removeAll: function () {
            if (SelectedDocumentList.DocumentList.length > 0)
                SelectedDocumentList.DocumentList.splice(0, SelectedDocumentList.DocumentList.length);
        },
        getDocumentList: function () {
            return SelectedDocumentList.DocumentList;

        }
    };

    // Existing document object
    var DocumentModal = {
        eTable: null, iDisplay: false, checkedList: [], packageId: null,
        cbAfterSelect: void 0,
        checkDocumentSelected: function (documentid) {
            var isExist = false;
            $("#my_result2>tr:visible").find("#DocumentID").each(function () {
                if ($(this).val() === documentid)
                    isExist = true;
            });
            return isExist;
        },
        // Get document list 
        getDocumentExist: function ( ) {
            var documentExist = [];
            $("#my_result2>tr:visible").find("#DocumentID").each(function () {
                documentExist.push($(this).val());
            });
            return documentExist.toString();
        },
        /**
         * Add selected documents to existing table - STEP 1 context
         * @returns {undefined}
         */
        addDocumentToExistingTable: function () {

            var that = DocumentModal;

            // Callback
            that.cbAfterSelect && that.cbAfterSelect(that.checkedList);

            Modal.closeModal();

            // Removed function from v2.0
//            $.each(DocumentModal.checkedList, function (i, v) {
//                Modal.getDocumentDetailThenAppendToTable(v).done(function () {
//                    // Off modal
//                    Modal.closeModal();
//                    DocumentModal.resetModal();
//                });
//            });
        },
        /**
         * Add document to a package
         * @param {type} listDocDelDup
         * @param {type} listIdNotDup
         * @returns {jqXHR}
         */
        addDocumentToPackage: function (listDocDelDup, listIdNotDup) {

            var $this = DocumentModal;

            var listDocIdDel = [];
            // get list documentId have license duplicate
            if (listDocDelDup.length > 0) {
                $.each(listDocDelDup, function (k, v) {
                    listDocIdDel.push(v.id);
                });
            }

            var lDocPost = $.merge($.merge([], listDocIdDel), listIdNotDup);

            var postData = {};
            postData["PackageID"] = $this.packageId;
            postData["DocumentID"] = lDocPost.toString();
            postData["SessionID"] = UserSession.getSessionID();

            //Call API
            return $.ajax({
                url: 'api/v1/AddPackageDocument',
                type: 'POST',
                timeout: HoGoConst.APITimeout,
                data: postData,
                dataType: "json",
                beforeSend: function () {
                    $('<div class="hogo-bg-overlay-action" />').appendTo('#contents');
                    Modal.closeModal();
                },
                success: function (data) {
                    // Remove mask
                    $('body').find('.hogo-bg-overlay-action').remove();

                    if (data.status === "OK") {
                        //Add to distribution list
                        Package.showDistributionTable();
                        // Update package detail
                        Package.drawPackage();
                        // Redraw points 
                        UserSession.updateUserInfo();

                        // Delete duplicate license recipient if have
                        if (listDocDelDup.length > 0) {
                            WizardCore.deleteLicenseDuplicate($this.packageId, listDocDelDup, 3);
                        }
                        // Reset modal
                        $this.resetModal();
                        Modal.closeModal();
                    } else {
                        if (data.status === APIConst.INSUFFICIENT_POINT) {
                            // Store selected document list
                            $.cookie("d_list", JSON.stringify($this.checkedList));

                            //Warning BuyPoint
                            Modal.showConfirmPopup({
                                title: i18n.t('history.package.message.insuffient_point.title'),
                                content: i18n.t('history.package.message.insuffient_point.content'),
                                cancelCallback: $this.resetModal, // clear cookie {d_list} & close modal
                                okCallback: HoGoUtils.goBuyPoint // go buy points
                            });
                        }
                        if (data.status === APIConst.MAX_TRANSACTION) {
                            // Show popup confirm
                            Modal.showAlert({
                                title: i18n.t('send_wizard.step_3.message.max_transaction.title'),
                                content: i18n.t('send_wizard.step_3.message.max_transaction.content')
                            });
                        }
                    }
                }
            });
        },
        /**
         * Close modal depend on current context
         * @returns {undefined}
         */
        resetModal: function () {
            var $this = DocumentModal;
            $this.iDisplay = false;
            $this.checkedList = [];
            // sendwizard context
            if ($this.packageId === null) {
                SelectedDocumentList.removeAll();
            } else {
                // package context
                $.cookie("d_list", null);
                $this.packageId = null;
            }
        }
    };

    var ComRecipientModal = {
        checkedList: [], iDisplay: false, documentsSelected: [], aTable: null, packageId: null,
        /**
         * Add email to text area in step 3 or step 4 {SenWizard} page
         * @returns {Boolean}
         */
        addShareAddressBookToTextarea: function () {

            if (ComRecipientModal.checkedList.length === 0) {
                return false;
            }
            // Using tagit plugin
            for (var i = 0; i < ComRecipientModal.checkedList.length; i++) {
                $("#emailTags").tagit("createTag", ComRecipientModal.checkedList[i], ComRecipientModal.checkedList[i]);
            }
            // Off modal
            ComRecipientModal.resetModal();
            Modal.closeModal();
        },
        /**
         * Reset value
         * @returns {undefined}
         */
        resetModal: function () {
            var $this = ComRecipientModal;
            $this.iDisplay = false;
            $this.checkedList = [];
            // sendwizard context
            if ($this.packageId === null) {
                //SelectedDocumentList.removeAll();
            } else {
                // package context
                $.cookie("r_list", null);
                $this.packageId = null;
            }
        }
    };

    var RecipientModal = {
        checkedList: [], iDisplay: false, documentsSelected: [], aTable: null, packageId: null,
        /**
         * Add email to text area in step 3 or step 4 {SenWizard} page
         * @returns {Boolean}
         */
        addAddressBookToTextarea: function () {

            if (RecipientModal.checkedList.length === 0) {
                return false;
            }
            // Using tagit plugin
            for (var i = 0; i < RecipientModal.checkedList.length; i++) {
                $("#emailTags").tagit("createTag", RecipientModal.checkedList[i], RecipientModal.checkedList[i]);
            }
            // Off modal
            RecipientModal.resetModal();
            Modal.closeModal();
        },
        /**
         * Add recipient to package
         * @param {type} listRepDelDup
         * @param {type} listIdNotDup
         * @returns {undefined}
         */
        addRecipientToPackage: function (listRepDelDup, listIdNotDup) {

            var $this = RecipientModal;
            var listIdRepDel = [];
            if (listRepDelDup.length > 0) {
                $.each(listRepDelDup, function (k, v) {
                    listIdRepDel.push(v.id);
                });
            }

            // merge 2 list
            var lRepPost = $.merge($.merge([], listIdRepDel), listIdNotDup);

            var postData = {};
            postData["PackageID"] = $this.packageId;
            postData["RecipientID"] = lRepPost.join();
            postData["SessionID"] = UserSession.getSessionID();

            //Call API
            $.ajax({
                url: 'api/v1/AddPackageRecipient',
                type: 'POST',
                timeout: HoGoConst.APITimeout,
                data: postData,
                dataType: "json",
                beforeSend: function () {
                    $('<div class="hogo-bg-overlay-action" />').appendTo("#contents");
                    Modal.closeModal();
                },
                success: function (data) {

                    //removeLoading('iAddingRecipient');
                    $('body').find('.hogo-bg-overlay-action').remove();

                    if (data.status === "OK") {
                        console.log("AddPackageRecipient");
                        //Add to distribution list
                        Package.showDistributionTable();
                        // Update package detail
                        Package.drawPackage();
                        // Redraw points on header
                        UserSession.updateUserInfo();
                        // Delete duplicate license recipient if have
                        if (listRepDelDup.length > 0) {
                            WizardCore.deleteLicenseDuplicate($this.packageId, listRepDelDup, 2);
                        }
                        // Reset modal
                        $this.resetModal();
                    } else {
                        // Insuffient points
                        if (data.status === APIConst.INSUFFICIENT_POINT) {
                            // Store selected document list
                            $.cookie("r_list", JSON.stringify($this.checkedList));

                            //Warning BuyPoint
                            Modal.showConfirmPopup({
                                title: i18n.t('history.package.message.insuffient_point.title'),
                                content: i18n.t('history.package.message.insuffient_point.content'),
                                cancelCallback: $this.resetModal, // clear cookie {d_list} & close modal
                                okCallback: HoGoUtils.goBuyPoint // go buy points
                            });
                        }
                        if (data.status === APIConst.MAX_TRANSACTION) {
                            // Show popup confirm
                            Modal.showAlert({
                                title: i18n.t('send_wizard.step_3.message.max_transaction.title'),
                                content: i18n.t('send_wizard.step_3.message.max_transaction.content')
                            });
                        }
                    }
                }
            });
        },
        /**
         * Reset value
         * @returns {undefined}
         */
        resetModal: function () {
            var $this = RecipientModal;
            $this.iDisplay = false;
            $this.checkedList = [];
            // sendwizard context
            if ($this.packageId === null) {
                //SelectedDocumentList.removeAll();
            } else {
                // package context
                $.cookie("r_list", null);
                $this.packageId = null;
            }
        }
    };

    var GroupModel = {
        checkedList: [], iDisplay: false, documentsSelected: [], aTable: null, packageId: null,
        addFolderToTable: function () {
//            console.log("here 3");
            var that = GroupModel;

            // Callback
            that.cbAfterSelect && that.cbAfterSelect(that.checkedList);

            Modal.closeModal();
        },
        resetModal: function () {
            var $this = GroupModel;
            $this.iDisplay = false;
            $this.checkedList = [];
        },
        addAddressBookInGroupToTextarea: function () {
            var params = {};
            params["SessionID"] = UserSession.getSessionID();
            params["GroupID"] = GroupModel.checkedList.toString();
            $.ajax({
                url: 'api/v1/GetEmailRecipientByGroupId',
                type: 'POST',
                data: params,
                dataType: "json",
                success: function (data) {
                    if (data.status === "OK") {
                        for (var i = 0; i < data.address.length; i++) {
                            $("#emailTags").tagit("createTag", data.address[i], data.address[i]);
                        }
                    } else {
                        error && error();
                    }
                },
                error: function () {
//                window.location.href = "addressbooklist";
                }
            });
            if (GroupModel.checkedList.length === 0) {
                return false;
            }
            // Using tagit plugin
//            for (var i = 0; i < GroupModel.checkedList.length; i++) {
//
//                $("#emailTags").tagit("createTag", "donhulinh95@gmail.com", "donhulinh95@gmail.com");
//            }
            // Off modal
            GroupModel.resetModel();
            Modal.closeModal();
        },
        resetModel: function () {
            var $this = GroupModel;
            $this.iDisplay = false;
            $this.checkedList = [];
            // sendwizard context
            if ($this.packageId === null) {
                //SelectedDocumentList.removeAll();
            } else {
                // package context
                $.cookie("r_list", null);
                $this.packageId = null;
            }
        }
    };

    /**
     * Make message modal. There're 3 type {1: Alert, 2: Confirm with one button, 3: Confirm with 2 button}
     * @param {type} type
     * @param {type} json
     * @returns {undefined}
     */
    function makeModal(type, json) {

        var opts = json;

        // Remove modal bg
        $('.reveal-modal-bg').remove();
        // Reinit
        var title = opts.title || i18n.t('modal.default_title'),
                closeTitle = i18n.t('modal.close_title'),
                content = opts.content || opts.text || opts.msg;
        var ok = opts.okTitle || i18n.t('buttons.ok');
        var cancel = opts.cancelTitle || i18n.t('buttons.cancel');
        var size = opts.size || 'medium'; // // Size {large | medium | small}
        var isCloseOnClickBG = opts.closeClickBG || false;

        // Prevent close when click OK. In this case you need to close manually
        var preventClose = opts.preventClose || false;

        // On load callback
        var onLoad = opts.onLoad;

        if (size === "large" || size === "lg")
            size = "modal-lg";

        // Modal object
        var modal;

        // Do show then bind the event to all buttons
        function showThenBindEvent(contentHTML) {
            // Make html
            var html = '<div class="reveal-modal">' +
                    '<div class="modal-dialog ' + size + '">' +
                    '<div class="modal-content">' +
                    '<div class="modal-header">' +
                    '<div class="modal-title"><span>' + title + '</span></div>' +
                    '<div class="close-wrapper">' +
                    '<a data-hover="tooltip" class="common-sprites close close-reveal-modal" role="button" title="' + closeTitle + '"></a>' +
                    '</div>' +
                    '</div>' +
                    '<div id="modal-body" class="modal-body">' + contentHTML + '</div>';

            // Display control or not
            switch (type) {

                case 1: // Alert none buttons
                    // Remove buttons
                    html = html + '</div></div></div>';
                    modal = $(html);
                    break;

                case 2:
                case 3: // Confirm 2 buttons
                    html = html + '<div class="modal-footer">' +
                            '<div id="modal-control" class="modal-control">' +
                            '<div class="loader" aria-hidden="true"></div>' +
                            '<a class="btn red btn-cancel" role="button">' + cancel + '</a>' +
                            '<a class="btn green btn-ok" role="button">' + i18n.t('buttons.ok') + '</a>' +
                            '</div>' +
                            '</div>' +
                            '</div></div></div>';

                    modal = $(html);
                    break;
                case 5: // Confirm 2 buttons
                    var html = '<div class="reveal-modal">' +
                            '<div class="modal-dialog ' + size + '">' +
                            '<div class="modal-content" style="width : 900px;right: 150px">' +
                            '<div class="modal-header">' +
                            '<div class="modal-title"><span>' + title + '</span></div>' +
                            '<div class="close-wrapper">' +
                            '<a data-hover="tooltip" class="common-sprites close close-reveal-modal" role="button" title="' + closeTitle + '"></a>' +
                            '</div>' +
                            '</div>' +
                            '<div id="modal-body" class="modal-body">' + contentHTML + '</div>';

                    html = html + '<div class="modal-footer">' +
                            '<div id="modal-control" class="modal-control">' +
                            '<div class="loader" aria-hidden="true"></div>' +
                            '<a class="btn red btn-cancel" role="button">' + cancel + '</a>' +
                            '<a class="btn green btn-ok" id="btnOK" role="button">' + i18n.t('buttons.ok') + '</a>' +
                            '</div>' +
                            '</div>' +
                            '</div></div></div>';

                    modal = $(html);
                    break;

                case 4: // Alert none buttons
                    // Remove buttons
                    html = html + '<div class="modal-footer">' +
                            '<div id="modal-control" class="modal-control">' +
                            '<div class="loader" aria-hidden="true"></div>' +
                            '<a class="btn green btn-ok" role="button">' + i18n.t('buttons.ok') + '</a>' +
                            '</div>' +
                            '</div>' +
                            '</div></div></div>';

                    modal = $(html);

                default:
                    html = html + '</div></div></div>';
                    break;
            }
            
            console.log(html);

            // Tranlsate modal
            modal.i18n();

            // Input modal
            modal.find(".ck").customInput();

            // Show modal
            modal.reveal({
                closeonbackgroundclick: isCloseOnClickBG
            });

            // Execute when modal loaded
            onLoad && onLoad(modal);

            // Find all buttons
            var btnX = modal.find('.close-reveal-modal'), btnOK = modal.find('.btn-ok'), btnCancel = modal.find('.btn-cancel');

            // Bind event callback
            btnOK && $(btnOK).on('click', function () {

                // Close pp first
                !preventClose && Modal.closeModal();

                // Run this function
                json.okCallback && json.okCallback(modal);
            });

            // Cancel callback
            btnCancel && $(btnCancel).on('click', function () {

                // Close modal
                Modal.closeModal();

                json.cancelCallback && json.cancelCallback(modal);
            });

            $(btnX).on('click', function () {

                // Close modal
                Modal.closeModal();
                opts.onClose && opts.onClose();
            });
        }

        // Support read modal from template
        if (opts.templateUrl) {

            $.get(opts.templateUrl, function (data) {

                showThenBindEvent(data);
            });
        } else {

            showThenBindEvent(content);
        }
    }

    /**
     * Make datatable popup
     * @param {type} opts : There're many type {1: Existing document, 2: Existing addressbook, 3: }
     * @returns {undefined}
     */
    function makeDataTable(opts) {

        // Make html first
        var html = '<div class="reveal-modal">' +
                '<div id="unique">' +
                '<div class="modal-dialog modal-lg">' +
                '<div class="modal-content">';
        var mDataProp = [];
        var url = '', sDom = '', sorting = [], stateSave = false;

        // Get current top of document
        var currentTop = $(document).scrollTop();

        switch (opts.type) {

            case 1:
            case 2: // Existing document {SendWizard/PackageDetail}
                sorting = [[4, 'desc']];
                if (opts.type === 1) {

                    url = 'api/v1/GetDocumentListDetail';
                } else {
                    // Set packageId
                    DocumentModal.packageId = opts.packageId;

                    url = 'api/v1/GetDocumentListDetailByPackageId';
                    // Save state in case buying points
                    stateSave = true;
                }

                sDom = 'l<"clearfix"fp>irt';
                html = html + '<div class="modal-body existing-modal">' +
                        '<div class="close-wrapper">' +
                        '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                        '</div>' +
                        '<table class="display" id="' + opts.tableID + '">' +
                        '<thead>' +
                        '<th style="width: 10%" align="center">' +
                        '<div class="custom-checkbox">' +
                        '<input type="checkbox" name="select_all" id="cbo_selectall" />' +
                        '<label for="cbo_selectall" class="checker"></label>' +
                        '</div>' +
                        '</th>' +
                        '<th style="width: 25%" align="left">' +
                        '<a data-hg="send_wizard.step_1.table_header.file_name"></a>' +
                        '</th>' +
                        '<th style="width: 25%" align="left">' +
                        '<a data-hg="send_wizard.step_1.table_header.title"></a>' +
                        '</th>' +
                        '<th style="width: 15%" align="left">' +
                        '<a data-hg="send_wizard.step_1.table_header.file_type"></a>' +
                        '</th>' +
                        '<th align="left">' +
                        '<a data-hg="send_wizard.step_1.table_header.create_date"></a>' +
                        '</th>' +
                        '<th align="left">' +
                        '<a data-hg="mydocument.form.protect">Protect</a>' +
                        '</th>' +
                        '</thead>' +
                        '</table>' +
                        '<div class="clearfix">' +
                        '<div class="modal-control">' +
                        '<div class="loader" aria-hidden="true"></div>' +
                        '<a class="btn red" role="button" data-hg="buttons.cancel"></a> ' +
                        '<a class="btn grey" id="btnAddDoc" role="button" data-hg="buttons.ok"></a>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '</div> ';

                mDataProp = [{"mDataProp": "id"}, {"mDataProp": "file_name"}, {"mDataProp": "title"}, {"mDataProp": "type"}, {"mDataProp": "create_date"}, {"mDataProp": "is_encrypt"}];

                break;

            case 3:
            case 4:// Existing recipient
                sorting = [[3, 'desc']];

                sDom = 'l<"clearfix"fp>irt';

                if (opts.type === 3) {

                    url = 'api/v1/GetRecipientListDetail';
                }
                if (opts.type === 6) {
//                    console.log("draw company list");
                    url = 'api/v1/GetListCompanyRecipient';
                } else {
                    // Set packageId
                    RecipientModal.packageId = opts.packageId;

                    url = 'api/v1/GetRecipientListDetailByPackageId';
                    // Save state in case buying points
                    stateSave = true;
                }


                html = html + '<div class="modal-body">' +
                        '<div class="close-wrapper">' +
                        '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                        '</div>' +
                        '<table class="display" id="' + opts.tableID + '">' +
                        '<thead>' +
                        '<th style="width: 10%" align="center">' +
                        '<div class="custom-checkbox">' +
                        '<input type="checkbox" name="select_all" id="cbo_selectall" />' +
                        '<label for="cbo_selectall" class="checker"></label>' +
                        '</div>' +
                        '</th>' +
                        '<th style="width: 35%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.name"></a>' +
                        '</th>' +
                        '<th style="width: 35%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.email"></a>' +
                        '</th>' +
                        '<th style="width: 20%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.date_added"></a>' +
                        '</th>' +
                        '</thead>' +
                        '</table>' +
                        '<div class="clearfix">' +
                        '<div class="modal-control">' +
                        '<div class="loader" aria-hidden="true"></div>' +
                        '<a class="btn red" role="button" data-hg="buttons.cancel"></a> ' +
                        '<a class="btn grey" id="btnAddRep" role="button" data-hg="buttons.ok"></a>' +
                        '</div>' +
                        '</div>' +
                        '</div> ';

                mDataProp = [{"mDataProp": "id"}, {"mDataProp": "name"}, {"mDataProp": "email"}, {"mDataProp": "create_date"}];
                break;
            case 5: // Get list group recipient
                sorting = [[3, 'desc']];
                sDom = 'l<"clearfix"fp>irt';
                url = 'api/v1/GetListGroupRecipient'
                html = html + '<div class="modal-body">' +
                        '<div class="close-wrapper">' +
                        '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                        '</div>' +
                        '<table class="display" id="' + opts.tableID + '">' +
                        '<thead>' +
                        '<th style="width: 10%" align="center">' +
                        '<div class="custom-checkbox">' +
                        '<input type="checkbox" name="select_all" id="cbo_selectall" />' +
                        '<label for="cbo_selectall" class="checker"></label>' +
                        '</div>' +
                        '</th>' +
                        '<th style="width: 25%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.group_name"></a>' +
                        '</th>' +
                        '<th style="width: 35%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.group_description"></a>' +
                        '</th>' +
                        '<th style="width: 20%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.group_create_date"></a>' +
                        '</th>' +
                        '<th style="width: 10%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.group_no_files"></a>' +
                        '</th>' +
                        '</thead>' +
                        '</table>' +
                        '<div class="clearfix">' +
                        '<div class="modal-control">' +
                        '<div class="loader" aria-hidden="true"></div>' +
                        '<a class="btn red" role="button" data-hg="buttons.cancel"></a> ' +
                        '<a class="btn grey" id="btnAddFolder" role="button" data-hg="buttons.ok"></a>' +
                        '</div>' +
                        '</div>' +
                        '</div> ';

                mDataProp = [{"mDataProp": "id"}, {"mDataProp": "group_name"}, {"mDataProp": "description"}, {"mDataProp": "create_date"}, {"mDataProp": "num_files"}];
                stateSave = true;
                break;

            case 6:// Existing recipient
                sorting = [[3, 'desc']];
                sDom = 'l<"clearfix"fp>irt';
                url = 'api/v1/GetListCompanyRecipient';
                html = html + '<div class="modal-body">' +
                        '<div class="close-wrapper">' +
                        '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                        '</div>' +
                        '<table class="display" id="' + opts.tableID + '">' +
                        '<thead>' +
                        '<th style="width: 10%" align="center">' +
                        '<div class="custom-checkbox">' +
                        '<input type="checkbox" name="select_all_company" id="cbo_selectall" />' +
                        '<label for="cbo_selectall" class="checker"></label>' +
                        '</div>' +
                        '</th>' +
                        '<th style="width: 35%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.name"></a>' +
                        '</th>' +
                        '<th style="width: 35%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.email"></a>' +
                        '</th>' +
                        '<th style="width: 20%" align="left">' +
                        '<a data-hg="send_wizard.step_3.table_header.date_added"></a>' +
                        '</th>' +
                        '</thead>' +
                        '</table>' +
                        '<div class="clearfix">' +
                        '<div class="modal-control">' +
                        '<div class="loader" aria-hidden="true"></div>' +
                        '<a class="btn red" role="button" data-hg="buttons.cancel"></a> ' +
                        '<a class="btn grey" id="btnAddCom" role="button" data-hg="buttons.ok"></a>' +
                        '</div>' +
                        '</div>' +
                        '</div> ';

                mDataProp = [{"mDataProp": "id"}, {"mDataProp": "name"}, {"mDataProp": "email"}, {"mDataProp": "create_date"}];
                break;

            case 7: // Box Picker
                sDom = 'l<"clearfix"fp>irt';
                url = 'api/v1/GetFoldersFromBox';
                html = html + '<div class="modal-body">' +
                        '<div class="close-wrapper">' +
                        '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                        '</div>' +
                        '<table class="display" id="' + opts.tableID + '">' +
                        '<thead>' +
                        '<th style="width: 10%" align="center">' +
                        '<div class="custom-checkbox">' +
                        '<input type="checkbox" name="select_all" id="cbo_selectall" />' +
                        '<label for="cbo_selectall" class="checker"></label>' +
                        '</div>' +
                        '</th>' +
                        '<th style="width: 35%" align="left">' +
                        '<a data-hg="mydocument.folder.header.name"></a>' +
                        '</th>' +
                        '<th style="width: 10%" align="left">' +
                        '<a data-hg="mydocument.folder.header.type"></a>' +
                        '</th>' +
                        '<th style="width: 25%" align="left">' +
                        '<a data-hg="send_wizard.step_1.table_header.create_date"></a>' +
                        '</th>' +
                        '<th style="width: 10%" align="left">' +
                        '<a data-hg="mydocument.folder.header.num_file"></a>' +
                        '</th>' +
                        '<th style="width: 10%" align="left">' +
                        '<a data-hg="[title]mydocument.table_header.detail"></a>' +
                        '</th>' +
                        '</thead>' +
                        '</table>' +
                        '<div class="clearfix">' +
                        '<div class="modal-control">' +
                        '<div class="loader" aria-hidden="true"></div>' +
                        '<a class="btn red" role="button" data-hg="buttons.cancel"></a> ' +
                        '<a class="btn grey" id="btnAddDoc" role="button" data-hg="buttons.ok"></a>' +
                        '</div>' +
                        '</div>' +
                        '</div> ';

                mDataProp = [{"mDataProp": "id"}, {"mDataProp": "name"}, {"mDataProp": "type"}, {"mDataProp": "create_date"}, {"mDataProp": "number"}, {"mDataProp": "nullvalue"}];

                break;
        }

        html = html + "</div></div></div>";

        // Append to make table 
        var modal = $(html).appendTo('body').hide();
//        console.log(opts.tableID);
        // Make table
        $('#' + opts.tableID).dataTable({// tableID {required}
            "aaSorting": sorting, // sorting
            "bDestroy": true,
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "bAutoWidth": false,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": sDom, // sDom 
            "sAjaxSource": url, // url {required}
            "bServerSide": true,
            "bProcessing": true,
            "fnStateLoad": function (oSettings) {

                //Load previous state if just have bought points 
                if ((opts.type === 2 && $.cookie('l_p') === 'paymentinfo.html' && $.cookie('d_list') !== null) || (opts.type === 4 && $.cookie('l_p') === 'paymentinfo.html' && $.cookie('r_list') !== null)) {
                    // Get d_list store before 
                    if (opts.type === 2) {
                        DocumentModal.checkedList = jQuery.parseJSON($.cookie("d_list")); // Document list stored to cookie
                    } else {
                        RecipientModal.checkedList = jQuery.parseJSON($.cookie("r_list")); // Recipient list stored to cookie
                    }
                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);

                    var oData;
                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    //Set search word on field 
                    if (oData !== null) {
                        // Previous text search
                        if (oData.oSearch.sSearch !== null)
                            $('#' + opts.tableID + '_filter').val(oData.oSearch.sSearch);
                        else
                            $('#' + opts.tableID + '_filter').val('');
                    } else {
                        //set search null
                        $('#' + opts.tableID + '_filter').val('');
                    }
                    return oData;
                } else {
                    return null;
                }

            },
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                $("#unique").addClass('overlay');
                // Call to server getting data
                var postData = {};

                switch (opts.type) { // type {required}
                    case 1: // Existing document SendWizard
                        postData = DTUtils.documentListPostData(aoData);
                        postData["DocumentIDs"] = opts.removedIds.toString();
                        break;

                    case 2: // Existing document package - opts.packageId {required}
                        postData = DTUtils.documentListByPackageIdPostData(aoData, opts.packageId, opts.method);
                        break;

                    case 3: // Existing recpient - sendwizad
                        postData = DTUtils.recipientListPostDataForSendWizard(aoData);
                        var mailExist = $("#emailInput").val(); //Type of dependancy
                        postData["emails"] = mailExist;
                        break;

                    case 4: // Existing recipient package
                        postData = DTUtils.recipientListByPackageIdPostData(aoData, opts.packageId);
                        break;
                    case 5:
                        postData = DTUtils.groupRecipientListPostData(aoData);
                        break;
                    case 6:
                        postData = DTUtils.companyAddressListPostData(aoData);
                        var emailExist = $("#emailInput").val();
                        postData["emails"] = emailExist;
                        break;
                    case 7:
                        postData["AuthCode"] = "cuMTBlBmgTSmB1nOYs1753O9bddQCbhC";
                        postData["FolderID"] = "0";
                    default:
                        break;
                }

                // Make request
                var request = $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: postData,
                    timeout: HoGoConst.APITimeout,
                    beforeSend: function () {
                        // Loading for the first time
                        if (DocumentModal.iDisplay === false && RecipientModal.iDisplay === false && GroupModel.iDisplay === false) {
//                            console.log("dau xanh");
                            // Not allow scrolling
                            $('<div class="hogo-bg-overlay-action" />').appendTo('body');
                            HoGoUtils.disableButton('#btnAddDoc', {
                                colorClass: 'green'
                            });
                        }
                    }
                });

                request.done(function (data) {
//                    console.log(data);
                    // Check whether there's any existing popup
                    if (DocumentModal.iDisplay === false && RecipientModal.iDisplay === false && GroupModel.iDisplay === false) {
                        $('body').find('.hogo-bg-overlay-action').remove();
                    }
                    $("#unique").removeClass("overlay");
//                    if (DocumentModal.checkedList.length > 0) {
//                        HoGoUtils.enableButton('#btnAddDoc', {
//                            colorClass: 'green',
//                            handler: DocumentModal.addDocumentToExistingTable
//                        });
//                    }
                    if (data.status === 'OK') {

                        var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                        // Show modal
                        modal.show();

                        switch (opts.type) {

                            case 1:
                            case 2: // Existing document

                                $.each(data.document_detail, function (key, value) {
                                    json.aaData.push({"id": value.id, "title": value.title, "file_name": value.file_name, "type": value.type, "create_date": value.create_date, "is_encrypt": value.is_encrypt});
                                });
                                // Set data source
                                fnCallback(json);

                                // Display 
                                if (!DocumentModal.iDisplay) {
                                    DocumentModal.iDisplay = true;
                                    modal.reveal({"closeonbackgroundclick": false, scrolltop: currentTop});
                                }
                                break;

                            case 3:
                            case 4:
                            case 6:// Existing recipient {sendwizard}
                                var lang = i18n.lng();
                                $.each(data.recipient_detail, function (key, value) {
                                    var name = "";
                                    if (lang === "ja") {
                                        name = value.last_name + " " + value.first_name;
                                    } else {
                                        if (value.middle_name === null) {
                                            name = value.first_name + " " + value.last_name;
                                        } else {
                                            name = value.first_name + " " + value.middle_name + " " + value.last_name;
                                        }
                                    }


                                    json.aaData.push({"id": value.id, "name": name, "email": value["e-mail"], "create_date": value.create_date, "status": value.status});
                                });

                                fnCallback(json);

                                if (!RecipientModal.iDisplay) {
                                    RecipientModal.iDisplay = true;
                                    modal.reveal({"closeonbackgroundclick": false, scrolltop: currentTop});
                                }
                                break;
                            case 5: // get existing folder sendwizard
                                $.each(data.list_group_recipients, function (key, value) {
                                    json.aaData.push({"id": value.id, "group_name": value.group_name, "description": value.description, "create_date": value.create_date, "num_files": value.no_recipients, "status": value.status});
                                });
                                fnCallback(json);
                                if (!GroupModel.iDisplay) {
                                    GroupModel.iDisplay = true;
                                    modal.reveal({"closeonbackgroundclick": false, scrolltop: currentTop});
                                }
                                break;
                            case 7: // Existing document

                                $.each(data.result, function (key, value) {
                                    console.log(value.folder_id);
                                    json.aaData.push({"id": value.folder_id, "name": value.folder_name, "type": value.type, "create_date": value.create_date, "number": value.num_files, "nullvalue": ""});
                                });
                                fnCallback(json);
                                break;

                            default:

                                break;
                        }
                        // Translate content
                        $('.reveal-modal-bg').find('.reveal-modal').i18n();
                    } else {
                        fnSessionTimeout(data, null, 'login');
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                // Dispose view
                switch (opts.type) {
                    case 1:
                    case 2: // Existing document {sendwizard / package}
                        $("td:eq(0)", nRow).html("<input type=\"checkbox\" class='ck' name=\"child\" id= \"" + aData.id + "\">");
                        $("td:eq(1)", nRow).html("<div>" + aData.file_name + "</div>");
                        $("td:eq(2)", nRow).html("<div>" + aData.title + "</div>");
                        $("td:eq(3)", nRow).html("<img src='Images/icon/one_pixel.gif' class='header-sprites ft'></img>");
                        var t = $("td:eq(3)", nRow).find('.ft');
                        HoGoUtils.drawDocumentIconFromType(t, aData.type);
                        $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date));
                        $(nRow).find('td').not('td:eq(0)').on('click', function () {
                            DTUtils.fnCheckBoxOnRow(nRow);
                        });
                        var lock = "";
                        (parseInt(aData.is_encrypt) === 1) ? lock = "<span title='" + i18n.t('history.package.label.encoded') + "' aria-label='Encoded'><img src='Images/ui/lock-24.png' /></span>" : lock = "";
                        $("td:eq(5)", nRow).html("<div>" + lock + "</div>");
                        break;

                    case 3: // Existing recipient
                    case 4:

                        $("td:eq(0)", nRow).html("<input type=\"checkbox\" class='ck' name=\"child\" attrEmail='" + aData.email + "' id= \"" + aData.id + "\">");
                        $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                        $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                        $("td:eq(3)", nRow).html(DateUtils.convertDate(aData.create_date));
                        $("td:eq(4)", nRow).html("<div>" + aData.status + "</div>");
                        $(nRow).find('td').not('td:eq(0)').on('click', function () {
                            DTUtils.fnCheckBoxOnRow(nRow);
                        });
                        break;
                    case 5: // existing folder
//                        $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child\" class='ck' id=\"" + aData.id + "\"/>");
                        $("td:eq(0)", nRow).html("<input type=\"checkbox\" class='ck' name=\"child\" id= \"" + aData.id + "\">");
                        $("td:eq(1)", nRow).html("<div>" + aData.group_name + "</div>");
                        $("td:eq(2)", nRow).html("<div>" + aData.description + "</div>");
                        $("td:eq(3)", nRow).html(DateUtils.convertDate(aData.create_date));
                        $("td:eq(4)", nRow).html("<span class='badge'>" + aData.num_files + "</span>");
                        $(nRow).find('td').not('td:eq(0)').on('click', function () {
                            DTUtils.fnCheckBoxOnRow(nRow);
                        });
                        break;
                    case 6: // Existing company
                        $("td:eq(0)", nRow).html("<input type=\"checkbox\" class='ck' name=\"child\" attrEmail='" + aData.email + "' id= \"" + aData.id + "\">");
                        $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                        $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                        $("td:eq(3)", nRow).html(DateUtils.convertDate(aData.create_date));
                        $("td:eq(4)", nRow).html("<div>" + aData.status + "</div>");
                        $(nRow).find('td').not('td:eq(0)').on('click', function () {
                            DTUtils.fnCheckBoxOnRow(nRow);
                        });
                        break;
                    case 7: // Existing document {sendwizard / package}
                        $("td:eq(0)", nRow).html("<input type=\"checkbox\" class='ck' name=\"child\" id= \"" + aData.id + "\">");
                        $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                        $("td:eq(2)", nRow).html("<img src='Images/icon/one_pixel.gif' class='header-sprites ft'></img>");
                        var t = $("td:eq(3)", nRow).find('.ft');
                        HoGoUtils.drawDocumentIconFromType(t, aData.type);
                        $("td:eq(3)", nRow).html(DateUtils.convertDate(aData.create_date));
                        $(nRow).find('td').not('td:eq(0)').on('click', function () {
                            DTUtils.fnCheckBoxOnRow(nRow);
                        });
                        $("td:eq(4)", nRow).html("<span class='badge'>" + aData.number + "</span>");
                        var lock = "";
                        (parseInt(aData.is_encrypt) === 1) ? lock = "<span title='" + i18n.t('history.package.label.encoded') + "' aria-label='Encoded'><img src='Images/ui/lock-24.png' /></span>" : lock = "";
                        $("td:eq(5)", nRow).html("<div>" + lock + "</div>");

                        nRow.ondblclick = function () {
                            console.log("on click");
                        };
                        break;
                }
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0]}
            ],
            "oScroller": {
                "loadingIndicator": true
            },
            "fnDrawCallback": function (oSettings) {
                //Cb custom
                console.log(opts);
                $('#' + opts.tableID).find('.ck').customInput();
                //Set up stuff
//                DTUtils.fnSetUpTableControl(oSettings);
                switch (opts.type) {
                    case 1: // Existing document {sendwizard}
                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all", DocumentModal.checkedList); // checkedList {required}
                        // Event click on each child TR
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all", DocumentModal.checkedList);
                            var title = $("#" + this.id).closest('tr').find('td').eq(1).text();
                            var fName = $("#" + this.id).closest('tr').find('td').eq(2).text();
                            var cDate = $("#" + this.id).closest('tr').find('td').eq(4).text();

                            if ($(this).prop('checked')) {
                                SelectedDocumentList.push(this.id, title, fName, cDate);
                            } else {
                                SelectedDocumentList.remove(this.id);
                            }

                            //console.log(DocumentModal.checkedList);

                            if (DocumentModal.checkedList.length > 0) {
                                HoGoUtils.enableButton('#btnAddDoc', {
                                    colorClass: 'green',
                                    handler: DocumentModal.addDocumentToExistingTable
                                });
                            } else {
                                HoGoUtils.disableButton('#btnAddDoc', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;

                    case 2: // Package document
                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all", DocumentModal.checkedList); // checkedList {required}
                        // Event click on each child TR
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all", DocumentModal.checkedList);

                            //console.log(DocumentModal.checkedList);
                            if (DocumentModal.checkedList.length > 0) {
                                //Enable these buttons
                                HoGoUtils.enableButton('#btnAddDoc', {
                                    colorClass: 'green',
                                    handler: function () {
                                        Modal.checkLicenseDuplicate(3);
                                    } // Add to package

                                });
                            } else {
                                //Disable
                                HoGoUtils.disableButton('#btnAddDoc', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;

                    case 3: // Existing recipient {sendwizard}

                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all", RecipientModal.checkedList, 'attrEmail');

                        // Event click on each child TR
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all", RecipientModal.checkedList, 'attrEmail'); // use attrEmail
                            console.log(RecipientModal.checkedList);
                            if (RecipientModal.checkedList.length > 0) {
                                //Enable save button
                                HoGoUtils.enableButton('#btnAddRep', {
                                    colorClass: 'green',
                                    handler: RecipientModal.addAddressBookToTextarea

                                });
                            } else {
                                HoGoUtils.disableButton('#btnAddRep', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;
                    case 6:
                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all_company", ComRecipientModal.checkedList, 'attrEmail');
//                        console.log(opts.tableID);
                        // Event click on each child TR
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all_company", ComRecipientModal.checkedList, 'attrEmail'); // use attrEmail

                            if (ComRecipientModal.checkedList.length > 0) {
                                //Enable save button
                                HoGoUtils.enableButton('#btnAddCom', {
                                    colorClass: 'green',
                                    handler: ComRecipientModal.addShareAddressBookToTextarea
                                });
                            } else {
                                HoGoUtils.disableButton('#btnAddCom', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;

                    case 4: // Existing recipient {package}
                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all", RecipientModal.checkedList);
                        // Event click on each child TR
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all", RecipientModal.checkedList); // use ID
                            if (RecipientModal.checkedList.length > 0) {
                                //Enable save button
                                HoGoUtils.enableButton('#btnAddRep', {
                                    colorClass: 'green',
                                    handler: function () {
                                        Modal.checkLicenseDuplicate(2);
                                    }
                                });
                            } else {
                                HoGoUtils.disableButton('#btnAddRep', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;
                    case 5:
                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all", GroupModel.checkedList);
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all", GroupModel.checkedList); // use ID

                            if (GroupModel.checkedList.length > 0) {
//                                console.log(GroupModel.checkedList);
                                //Enable save button
                                HoGoUtils.enableButton('#btnAddFolder', {
                                    colorClass: 'green',
                                    handler: GroupModel.addAddressBookInGroupToTextarea
                                });
                            } else {
                                HoGoUtils.disableButton('#btnAddFolder', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;
                    case 7: // Existing document {sendwizard}
                        DTUtils.checkboxSwitchPage(opts.tableID, "child", "select_all", DocumentModal.checkedList); // checkedList {required}
                        // Event click on each child TR
                        $('#' + opts.tableID).find(':checkbox[name=child]').die('click').on('click', function () {

                            DTUtils.checkboxChildSelectEvent(this, "select_all", DocumentModal.checkedList);
                            var title = $("#" + this.id).closest('tr').find('td').eq(1).text();
                            var fName = $("#" + this.id).closest('tr').find('td').eq(2).text();
                            var cDate = $("#" + this.id).closest('tr').find('td').eq(4).text();

                            if ($(this).prop('checked')) {
                                SelectedDocumentList.push(this.id, title, fName, cDate);
                            } else {
                                SelectedDocumentList.remove(this.id);
                            }

                            //console.log(DocumentModal.checkedList);

                            if (DocumentModal.checkedList.length > 0) {
                                HoGoUtils.enableButton('#btnAddDoc', {
                                    colorClass: 'green',
                                    handler: DocumentModal.addDocumentToExistingTable
                                });
                            } else {
                                HoGoUtils.disableButton('#btnAddDoc', {
                                    colorClass: 'green'
                                });
                            }
                        });
                        break;
                }

            },
            "aoColumns": mDataProp, // mDataProp {required}
            "fnInitComplete": function () {
                // Find two button actions
                var btnCancel = $('.reveal-modal-bg').find('.modal-control').find('.red');
                var btnX = $('.reveal-modal-bg').find('.close-reveal-modal');
                // Die click first
                $(btnCancel).die('click');
                $(btnX).die('click');

                switch (opts.type) {

                    case 1:
                    case 2:
                        // Select all
                        if (opts.type === 1) {
                            $('#' + opts.tableID).find('#cbo_selectall').unbind('click').bind('click', function () {
                                DTUtils.fnSelectAllCheckBox(this, DocumentModal.checkedList, 'child', 'id', 'btnAddDoc', DocumentModal.addDocumentToExistingTable, 'green');
                            });
                        } else {
                            $('#' + opts.tableID).find('#cbo_selectall').unbind('click').bind('click', function () {
                                DTUtils.fnSelectAllCheckBox(this, DocumentModal.checkedList, 'child', 'id', 'btnAddDoc', function () {
                                    Modal.checkLicenseDuplicate(3);
                                }, 'green');
                            });
                        }

                        // Check cancelCallback
                        $(btnCancel).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            DocumentModal.resetModal(); // Function name not code
                        });

                        $(btnX).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            DocumentModal.resetModal();
//                            DocumentModal.resetModal(); // Function name not code
                        });
                        break;

                    case 3:
                    case 4:
                        if (opts.type === 3) {
                            $('#' + opts.tableID).find('#cbo_selectall').unbind('click').bind('click', function () {
                                DTUtils.fnSelectAllCheckBox(this, RecipientModal.checkedList, 'child', 'attrEmail', 'btnAddRep', RecipientModal.addAddressBookToTextarea, 'green');
                            });
                        } else {
                            $('#' + opts.tableID).find('#cbo_selectall').unbind('click').bind('click', function () {
                                DTUtils.fnSelectAllCheckBox(this, RecipientModal.checkedList, 'child', 'id', 'btnAddRep', function () {
                                    Modal.checkLicenseDuplicate(2);
                                }, 'green');
                            });
                        }
                        // Check cancelCallback
                        $(btnCancel).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            RecipientModal.resetModal(); // Function name not code
                        });

                        $(btnX).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            RecipientModal.resetModal(); // Function name not code
                        });
                        break;
                    case 5:
                        $('#' + opts.tableID).find('#cbo_selectall').unbind('click').bind('click', function () {
                            DTUtils.fnSelectAllCheckBox(this, GroupModel.checkedList, 'child', 'id', 'btnAddFolder', GroupModel.addAddressBookInGroupToTextarea, 'green');
                        });

                        // Check cancelCallback
                        $(btnCancel).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            GroupModel.resetModal(); // Function name not code
                        });

                        $(btnX).live('click', function () {
//                            console.log("here 2");
                            // Close modal
                            Modal.closeModal();
                            GroupModel.resetModal(); // Function name not code
                        });
                        break;
                    case 6:
                        $('#' + opts.tableID).find('#cbo_selectall').unbind('click').bind('click', function () {
                            DTUtils.fnSelectAllCheckBox(this, ComRecipientModal.checkedList, 'child', 'attrEmail', 'btnAddCom', ComRecipientModal.addShareAddressBookToTextarea, 'green');
                        });

                        // Check cancelCallback
                        $(btnCancel).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            ComRecipientModal.resetModal(); // Function name not code
                        });

                        $(btnX).live('click', function () {
                            // Close modal
                            Modal.closeModal();
                            ComRecipientModal.resetModal(); // Function name not code
                        });
                        break;
                    case 7:
                        $(btnCancel).live('click', function () {
                            console.log("sdada");
                        });

                        $(btnX).live('click', function () {

                        });
                        break;
                }
            }

        });
    }

    /**
     * Check duplicated license when add document/ recipient to package
     * @param {int} checkType : 2: Add recipient to package,  3: Add document to package
     * @returns {undefined}
     */
    function checkLicenseDuplicate(checkType) {
        var postRecipientID, postDocuments;
        var type = parseInt(checkType);

        // Check valid
        var packageType = Package.getPackageType();

        // Not loaded
        if (typeof packageType === 'undefined')
            return;
        // Add recipient
        if (type === 2) {
            var lDocId = Package.getActiveDocuments();
            postRecipientID = RecipientModal.checkedList.toString();
            postDocuments = lDocId.join();

        }
        // Add document
        if (type === 3) {
            // No check duplicate with create link type
            if (packageType == 2) {
                DocumentModal.addDocumentToPackage([], DocumentModal.checkedList);
                return;
            } else {
                var lRepId = Package.getActiveRecipients();
                postRecipientID = lRepId.join();
                postDocuments = DocumentModal.checkedList.toString();
            }

        }
        if (postRecipientID.length > 0) {
            // Check duplicate license
            var reqGetEmail = $.post('api/v1/GetRecipientDetail?time=' + new Date().getTime(), {
                SessionID: UserSession.getSessionID(),
                RecipientID: postRecipientID
            }), chained = reqGetEmail.pipe(function (data) {

                var listRepEmail = [], listRepId = [];

                // get list email recipient
                if (data.status === 'OK') {
                    $.each(data.detail, function (k, v) {
                        listRepEmail.push(v["e-mail"]);
                        listRepId.push(k);
                    });
                    return $.post('api/v1/CheckLicenseDuplicate', {
                        SessionID: UserSession.getSessionID(),
                        Documents: postDocuments,
                        Recipients: listRepEmail.join()
                    }, function (data) {

                        if (data.status === 'OK') {
                            if (data.result.length > 0) {
                                //show duplicate popup
                                if (type === 2)
                                    WizardCore.showLicenseDuplicatePopup(2, {data: data, listIdRep: listRepId, fnCallback: RecipientModal.addRecipientToPackage});
                                if (type === 3)
                                    WizardCore.showLicenseDuplicatePopup(3, {data: data, listDocId: DocumentModal.checkedList, fnCallback: DocumentModal.addDocumentToPackage});
                            } else {
                                // call add document to package
                                if (type === 2)
                                    RecipientModal.addRecipientToPackage([], listRepId);
                                // add recipient to package
                                if (type === 3)
                                    DocumentModal.addDocumentToPackage([], DocumentModal.checkedList);
                            }
                        }
                    });
                } else {
                    //Session not found
                    if (data.status === APIConst.sessionIdNotFound) {
                        show
                    } else {
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                    /// invalid email
                    return false;
                }
            });
        } else {
            // case new a anonymous package without recipient
            DocumentModal.addDocumentToPackage([], DocumentModal.checkedList);

        }
    }

    return {
        // Create a custom modal
        createModal: function (type, opts) {
            makeModal(type, opts);
        },
        makeDTTable: function (opts) {
            makeDataTable(opts);
        },
        /**
         * Trigger close modal
         * @returns {undefined}
         */
        closeModal: function (m) {
            // Reset all modal
            this.resetDocumentList();
            this.resetRecipientList();
            if (m) {

                m.trigger('reveal:close');
            }
            // Remove background modal
            var modal = $('.reveal-modal-bg').find('.reveal-modal');
            if (modal.length > 0) {
                modal.trigger('reveal:close');
            }
        },
        /**
         * Show cofirm popup with two buttons {Cancel | OK}. okCallback param is always required
         * @param {type} json
         * @returns {undefined}
         */
        showConfirmPopup: function (json) {
            makeModal(3, json);
        },
        /**
         * Show confirm popup with only one button
         * @param {type} json
         * @returns {undefined}
         */
        showConfirmOneButton: function (json) {
            makeModal(2, json);
        },
        /**
         * Display a message for user not contains any buttons
         * @param {type} json
         * @returns {undefined}
         */
        showAlert: function (json) {
            makeModal(1, json);
        },
        /**
         * Make recipient list
         * @returns {undefined}
         */
        getAddressBookList: function () {
            Modal.makeDTTable({
                tableID: 'tblExisitingAddressBook',
                type: 3
            });
        },
        getBoxPicker: function () {
            Modal.makeDTTable({
                tableID: 'tblExisitingBoxPicker',
                type: 7
            });
        },
        getShareAddressBookList: function () {
            Modal.makeDTTable({
                tableID: 'tbExistingShareAddress',
                type: 6
            });
        },
        /**
         * Make document list
         * @returns {undefined}
         */
        getDocumentList: function (removedIds) {
            Modal.makeDTTable({
                type: 1,
                tableID: 'tblExistingDocument',
                removedIds: removedIds
            });
        },
        getGroupRecipient: function (removedIds) {
            Modal.makeDTTable({
                type: 5,
                tableID: 'tblExistingGroup',
                removedIds: removedIds
            });
        },
        /**
         * Set up default variables document modal
         * @returns {undefined}
         */
        resetDocumentList: function () {
            SelectedDocumentList.removeAll();
            DocumentModal.checkedList = [];
            DocumentModal.iDisplay = false;
        },
        /**
         * Set up default variables recipient modal
         * @returns {undefined}
         */
        resetRecipientList: function () {
            RecipientModal.checkedList = [];
            RecipientModal.iDisplay = false;
        },
        /**
         * Get document detail then add it to existing table
         * @param {type} ID : Document's ID
         * @param {type} fnBeforeSend : (optional) Function before send
         * @returns {jqXHR}
         */
        getDocumentDetailThenAppendToTable: function (ID, fnBeforeSend) {

            return $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: 'api/v1/GetDocumentDetail',
                data: {"DocumentID": ID, "SessionID": UserSession.getSessionID(), "UserID": HoGoUtils.getParameter()["userID"]},
                dataType: "json",
                beforeSend: function () {
                    // Indicator
                    $('<div class="hogo-bg-overlay-action" />').appendTo('#viewWrapper');

                    if (typeof fnBeforeSend === 'function') {
                        fnBeforeSend.call();
                    }
                },
                success: function (data) {

                    //Remove overplay
                    $('.hogo-bg-overlay-action').remove();

                    if (data.status === 'OK') {

                        var doc_Content = data.detail;

                        $.each(doc_Content, function (doc_detailId, doc_detail) {

                            var title = doc_detail.title;
                            var description = doc_detail.description;
                            var fileName = doc_detail.file_name;
                            var fileType = doc_detail.type;

                            var t = new Date().getTime();

                            //Add to parent table
                            setTimeout(function () {

                                var trash = '<a id="del' + t + '" class="Delete" title="' + i18n.t('send_wizard.step_1.label.delete') + '" name=' + fileName + '><i class="bin header-sprites"></i></a>';

                                var ai = WizardCore.existingTable.fnAddData([trash, '<div>' + fileName + '</div>', '<div>' + title + '</div>', '<div>' + fileType + '</div>', '<div>' + description + '</div>']);

                                var nTR = WizardCore.existingTable.fnSettings().aoData[ai[0]].nTr;

                                // Set TD
                                var idTR = "doc" + t;
                                $(nTR).attr('id', idTR);
                                $(nTR).find('td').eq(0).attr('id', 'del');
                                $(nTR).find('td').eq(1).append("<input type=\"hidden\" id=\"DocumentID\" value=\"" + doc_detailId + "\" />");
                                $(nTR).find('td').eq(3).html("<img f-t=" + fileType + " src='Images/icon/one_pixel.gif' class='header-sprites ft'></img>");
                                var element = $(nTR).find('td').eq(3).find('.ft');
                                HoGoUtils.drawDocumentIconFromType(element, fileType);
                                // Setup buttons after appending
                                WizardCore.setupButtons();
                            }, 100);
                        });
                    }
                }
            });
        },
        checkLicenseDuplicate: function (type) {
            checkLicenseDuplicate(type);
        },
        // Get document modal        
        getDocumentModal: function () {

            return DocumentModal;
        }
    };

}(jQuery));

//
//  Handle login 
//
var Login = (function ($, u, window) {

    // Private method
    function goLandingPage(landPage) {
        switch (landPage) {
            case 1:
                window.location.href = "SendWizard";
                break;

            case 2:
                window.location.href = "MyDocumentList";
                break;

            case 3:
                window.location.href = "History";
                break;

            case 4:
                window.location.href = "AddressBookList";
                break;
            default:
                window.location.href = "SendWizard";
                break;
        }
    }

    function checkSyncWithBox(landingPage) {

        var pData = {};
        pData["SessionID"] = UserSession.getSessionID();
        return $.ajax({
            type: "POST",
            url: "api/v1/checkingBoxSynchronize",
            data: pData,
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {

                Modal.closeModal();
            },
            success: function (data) {
                var status = data.status;

                if (status === "NotIntegrated")
                    window.location.href = "BoxEnableSyncNotice";
                else
                    goLandingPage(landingPage);
            }
        });
    }

    function goInside(token) {

        u.setSessionID(token);
        u.getSessionData();
        u.fnGetSessionComplete = function (data) {
            if (data.allow_sync_box === 0) {
                // User was not allowed sync with box
                goLandingPage(data.landing_page);
            } else {
                if (data.user_sync_box === 1) {
                    var remindGrant = data.remind_grant_access;
                    if (remindGrant) {
                        // User allow sync box by himself
                        // check user already sync with box or not
                        checkSyncWithBox(data.landing_page);
                    } else {
                        goLandingPage(data.landing_page);
                    }

                } else {
                    // user was not allowed sync with box by himself
                    // go to landing page
                    goLandingPage(data.landing_page);
                }
            }

        };
    }

    // Public method
    return {
        init: function () {
            var currentPageName = HoGoUtils.getPageName();
            $("label[for=chk_keepmelogin]").css({"color": "#999", "font-size": "16px"});

            // Check email was in thich services
            $("#button-check-email").on('click', function () {
                Login.checkEmailUserLogin();
            });

            $("#btnGetListService").on('click', function () {
                Login.getAdminListService();
            });

            // Normal user login
            $("#button-login").on('click', function () {
                Login.login();
            });

            // Service admin login
            $("#button-login-admin").on('click', function () {
                Login.loginServiceAdmin();
            });

            // Enter event
            $('#input_username').live('keypress', function (e) {
                var k = e.which ? e.which : e.keyCode;
                if (k === 13) {
                    if (currentPageName === "login.html")
                        Login.checkEmailUserLogin();

                    if (currentPageName === "administrator.html") {
                        // Login.loginServiceAdmin();
                        // support choose type login
                        Login.getAdminListService();
                    }
                }
            });
            $('#input_password').live('keypress', function (e) {
                var k = e.which ? e.which : e.keyCode;
                if (k === 13) {
                    if (currentPageName === "login.html")
                        Login.login();

                    if (currentPageName === "administrator.html")
                        Login.loginServiceAdmin();
                }
            });

            // bind event for back buton

            $(".back-btn").on('click', function () {
                $('#list-service').html("");
                $(".back-btn").addClass("hide");
                $(".input-email").removeClass("hide");
                $(".input-password").addClass("hide");
                $(".admin-login-page").removeClass("hide");
                $('#lblUserLogin').removeClass('hide');

            });

            //Referral email
            var email = decodeURIComponent(HoGoUtils.getParameter()['mail']);
            if (email !== 'undefined' && HoGoUtils.isValidEmail(email)) {
                $('#input_username').val(email);
                $('#input_username').attr('readonly', true).css('background-color', 'rgb(235, 235, 228)');
            }

            //Custom Novatium SSO Demo phase#1
            var staticToken = HoGoUtils.getParameter()['token'];
            if (typeof (staticToken) !== 'undefined') {
                if (staticToken.length === 32)
                    goInside(staticToken);
            }
        },
        fnGoLandingPage: function (userSession) {

            switch (userSession.landing_page) {

                case 1:
                    window.location.href = "SendWizard";
                    break;
                case 2:
                    window.location.href = "MyDocumentList";
                    break;

                case 3:
                    window.location.href = "History";
                    break;

                case 4:
                    window.location.href = "AddressBookList";
                    break;
                default:
                    window.location.href = "SendWizard";
                    break;
            }
        },
        makeParamsLogin: function () {
            // Get info login
            var email = $.trim($('#input_username').val());
            var password = $.trim($('#input_password').val());
            var serviceId = $("input:radio[name=service]:checked").val();
            var postData = {EmailAddress: email, AdminID: email, Password: HoGoUtils.MD5(password)};

            postData["KeepMeLogin"] = false;
            if ($('#chk_keepmelogin').is(':checked')) {
                postData["KeepMeLogin"] = true;
            }
            postData["ServiceID"] = serviceId;
            //Check email & password first
            if (email === "" || password === "") {
                if (email === "" && password === "") {
                    $("#errorText").html(i18n.t('error.wrong_username_password'));
                } else if (email === "" && password !== "") {
                    $("#errorText").html(i18n.t('error.wrong_username'));
                } else if (email !== "" && password === "") {
                    $("#errorText").html(i18n.t('error.wrong_password'));
                }

                $("#errorText").show();
                return false;
            }

            return postData;
        },
        // Need call Ajax
        login: function () {
            // Get info login
            var postData = Login.makeParamsLogin();

            // Call API
            var request = $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/Login",
                beforeSend: function () {
                    //Disable button & disable click 
                    HoGoUtils.disableButton('#button-login', {textInside: i18n.t('session.buttons.status.logging')});
                },
                data: postData,
                dataType: "json"
            });

            request.done(function (data) {

                if (data.status === 'OK') {
                    goInside(data.token);
                } else {
                    HoGoUtils.enableButton('#button-login', {colorClass: 'orange', handler: Login.login, textInside: i18n.t('session.buttons.login')
                    });
                    if (data.status === APIConst.WRONG_PASSWORD || data.status === APIConst.inputParameterErrorStatus) {
                        $("#errorText").html(i18n.t('error.wrong_password'));
                        $("#errorText").show();
                    }
                }
            });
        },
        checkEmailUserLogin: function () {
            var email = $.trim($('#input_username').val());

            var postData = {EmailAddress: email};

            // Call API
            var request = $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/CheckUserEmailLogin",
                data: postData,
                dataType: "json"
            });

            request.done(function (data) {
                if (data.status === "OK") {
                    if (parseInt(data.totalResult) > 0) {
                        var services = data.data;
                        var contentList = "";
                        $.each(services, function (i, value) {
                            contentList += '<div class="radio"><label class="form-control-static full-width"><input type="radio" name="service" id="service' + i + '" value="' + value.service_id + '">' + value.service_name + '</label></div>';

                            if ((i + 1) < services.length)
                                contentList += "<hr>";
                        });

                        $(".input-email").addClass("hide");
                        $('#list-service').html(contentList);
                        $("#service0").prop("checked", "checked");
                        // When user only belong to 1 service we hide the list service
                        if (parseInt(data.totalResult) === 1) {
                            $('#service-content').addClass("hide");
                        } else {
                            $('#service-content').removeClass("hide");
                        }
                        $(".input-password").removeClass("hide");
                        $("#input_password").focus();
                        // Show back button
                        $(".back-btn").removeClass("hide");
                        $(".admin-login-page").addClass("hide");
                        $("#errorText").hide();
                    } else {
                        HoGoUtils.enableButton('#button-login', {colorClass: 'orange', handler: Login.login, textInside: i18n.t('session.buttons.login')});

                        $("#errorText").html(i18n.t('error.wrong_username'));
                        $("#errorText").show();
                    }
                } else {
                    HoGoUtils.enableButton('#button-login', {colorClass: 'orange', handler: Login.login, textInside: i18n.t('session.buttons.login')});

                    $("#errorText").html(i18n.t('error.wrong_username'));
                    $("#errorText").show();
                }
            });
        },
        getAdminListService: function () {
            var email = $.trim($('#input_username').val());

            var postData = {EmailAddress: email};

            // Call API
            var request = $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/GetAdminListService",
                data: postData,
                dataType: "json"
            });

            request.done(function (data) {
                if (data.status === "OK") {
                    if (parseInt(data.totalResult) > 0) {
                        $('#lblUserLogin').addClass('hide');
                        var wrapperContent = "";
                        var contentList = "";
                        var listService = data.data;
                        var systemServices = listService.system_admin;
                        var resellerServices = listService.reseller_admin;
                        var companyServices = listService.company_admin;

                        if (systemServices.length > 0) {
                            contentList = "";
                            wrapperContent += "<div><label>System</label>";
                            $.each(listService.system_admin, function (i, value) {
                                contentList += '<div class="radio"><label class="form-control-static full-width"><input type="radio" name="service" id="service' + i + '" value="' + value.service_id + '">' + value.service_name + '</label></div>';
                            });
                            wrapperContent += contentList + "</div>";
                        }

                        if (resellerServices.length > 0) {
                            contentList = "";
                            if (wrapperContent.length > 0) {
                                wrapperContent += "<hr/>";
                            }
                            wrapperContent += "<div><label>Reseller</label>";
                            $.each(listService.reseller_admin, function (i, value) {
                                contentList += '<div class="radio"><label class="form-control-static full-width"><input type="radio" name="service" id="service' + i + '" value="' + value.service_id + '">' + value.service_name + '</label></div>';
                            });
                            wrapperContent += contentList + "</div>";
                        }

                        if (companyServices.length > 0) {
                            contentList = "";
                            if (wrapperContent.length > 0) {
                                wrapperContent += "<hr/>";
                            }
                            wrapperContent += "<div><label>Company</label>";
                            $.each(listService.company_admin, function (i, value) {
                                contentList += '<div class="radio"><label class="form-control-static full-width"><input type="radio" name="service" id="service' + i + '" value="' + value.service_id + '">' + value.service_name + '</label></div>';
                            });
                            wrapperContent += contentList + "</div>";
                        }

                        $(".input-email").addClass("hide");
                        $('#list-service').html(wrapperContent);
                        $("#service0").prop("checked", "checked");
                        // When user only belong to 1 service we hide the list service
                        if (parseInt(data.totalResult) === 1) {
                            $('#service-content').addClass("hide");
                        } else {
                            $('#service-content').removeClass("hide");
                        }
                        $(".input-password").removeClass("hide");
                        $("#input_password").focus();
                        // Show back button
                        $(".back-btn").removeClass("hide");
                        //$(".admin-login-page").addClass("hide");
                        $("#errorText").hide();
                    } else {
                        HoGoUtils.enableButton('#button-login', {colorClass: 'orange', handler: Login.login, textInside: i18n.t('session.buttons.login')});

                        $("#errorText").html(i18n.t('error.wrong_username'));
                        $("#errorText").show();
                    }
                } else {
                    HoGoUtils.enableButton('#button-login', {colorClass: 'orange', handler: Login.login, textInside: i18n.t('session.buttons.login')});

                    $("#errorText").html(i18n.t('error.wrong_username'));
                    $("#errorText").show();
                }
            });
        },
        loginServiceAdmin: function () {
            // get login infor
            var postData = Login.makeParamsLogin();

            var request = $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/LoginServiceAdmin",
                data: postData,
                dataType: "json"
            });

            request.done(function (dataAdmin) {
                if (dataAdmin) {
                    // data retrieved from url2 as provided by the first request
                    if (dataAdmin.status === "OK") {
                        u.setSessionID(dataAdmin.token);
                        switch (parseInt(dataAdmin.service_level)) {
                            case HoGoConst.SYSTEM_ADMIN:
                                window.location.href = serverHostAPI + "Distributor";
                                break;
                            case HoGoConst.DISTRIBUTOR:
                                window.location.href = serverHostAPI + "Service";
                                break;
                            case HoGoConst.COMPANY_ADMIN:
                                window.location.href = serverHostAPI + "UserList";
                                break;
                            default :
                                break;
                        }
                    } else {
                        HoGoUtils.enableButton('#button-login', {colorClass: 'orange', handler: Login.login, textInside: i18n.t('session.buttons.login')
                        });
                        if (dataAdmin.status === APIConst.WRONG_PASSWORD || dataAdmin.status === APIConst.inputParameterErrorStatus) {
                            $("#errorText").html(i18n.t('error.wrong_password'));
                            $("#errorText").show();
                        }
                    }
                }
            });
        }
    };

}(jQuery, UserSession, window));

//
// Manage entire send wizard process from encode to deliver to recipients
//


var WizardCore = (function ($, s) {

    // Check whether has email or not
    var hasEmail = false;

    var isSubmitting = false;

    var checkLicense = false;

    var lRepDeleteOldLicense = [];

    var lEmailRepRemain = [];


    /**
     * Checking tagit value is valid list email or not. It shows prompt when it's invalid and stop program. Otherwise, remove error prompt
     * @returns {undefined}
     */
    function checkTagit() {
        z
        $('.tagit-new').find('input').blur();

        // Need to check before send
        var c = HoGoUtils.isValidGroupEmail($("#emailInput").val());
        if (!c) { // Need to be specify recipient
            $('.tagit-new').find('input').focus();
            $('#emailTags').validationEngine('showPrompt', $.validationEngineLanguage.allRules.validGroupEmail.alertText, 'red', 'topRight', true);
            return false; // stop
        } else {
            // Remove it's unnecessary now
            $('.emailTagsformError').remove();
            return true;
        }
    }

    /**
     * 
     * @param {type} listObject
     * @param {type} type
     * @returns {Array}
     */
    function getListIdOrMailFromObject(listObject, type) {
        var lDup = [];
        if (listObject.length > 0) {
            $.each(listObject, function (k, v) {
                if (type === 'email')
                    lDup.push(v.email);
                if (type === 'id')
                    lDup.push(v.id);
            });
        }
        return lDup;
    }

    /**
     * Submit form to create package for 4 method
     * @returns {Boolean}
     */
    function doSubmit(package, cb, error) {

        var pModel = WizardCore.getPackageModel();
//        console.log(pModel);
        var documents = pModel.getDocument();
        var method = pModel.getMethod();

        // Check license duplicate
        var request = $.post('api/v1/CheckLicenseDuplicate', {
            SessionID: s.getSessionID(),
            Documents: documents.toString(),
            Recipients: lEmailRepRemain.join()
        }, function (data) {
            // normally, lnewEmail always has value (b/c validate email filed)
            var check = false;
            if (data.status === 'OK') {
                if (data.result.length > 0) {
                    // Have email duplicate
                    $.each(data.result, function (k, v) {
                        // if new duplicated email exists in list duplicated recipient 
                        if (lEmailRepRemain.indexOf(v.mail_address) !== -1) {
                            check = true;
                            return check;
                        }
                    });
                } else {
                    checkLicense = true;
                }

                if (check) {

                    // Stop code
                    error && error();

                    checkLicense = false;
                    showLicenseDuplicatePopup(1, {data: data});
                }
            }
        });

        request.done(function () {

            if (checkLicense) {
                // create package

                var url = 'api/v1/CreatePackage';
                var postData = {};

                // Prepare to create package
                postData["SessionID"] = s.getSessionID();
                postData["Method"] = method;
                postData["Documents"] = documents.toString();

                if (package === null) {
                    var docExp = $("#dCalendar").val();
                    postData["DocumentExpireDate"] = DateUtils.convertToDBDate(docExp);

                    switch (method) {

                        case 1: // Direct send - This method isn't now using CreatePackage API//
                            postData["Recipients"] = $("#emailInput").val();
                            postData["Printing"] = $("#checkboxPrint").prop('checked');
                            postData["LocalCopies"] = $("#num_share").val();
                            postData["Folder"] = $("#folderName").val(); // Use folder

                            break;

                        case 2: // Create link
                            postData["Printing"] = $("#checkbox7").prop('checked');
                            postData["LocalCopies"] = $("#num_share").val();
                            postData["Folder"] = $("#folderName").val();
                            postData["LinkExpireDate"] = DateUtils.convertToDBDate($("#lCalendar").val());
                            postData["MaxDownloads"] = 999; //$('#numberDownload').val();
                            postData["Downloadable"] = $('#allow-download').prop('checked');
                            postData["Password"] = $('#newpassword').val();

                            break;

                        case 3:
                        case 4:// Anoymous - Specify
                            postData["Recipients"] = $("#emailInput").val();
                            postData["Printing"] = $("#checkboxPrint").prop('checked');
                            postData["LocalCopies"] = 2;
                            postData["Folder"] = "";
                            postData["Password"] = $("#newpassword").val();
                            postData["LinkExpireDate"] = DateUtils.convertToDBDate($("#lCalendar").val());
                            postData["MaxDownloads"] = 999;
                            postData["Downloadable"] = true; //Always "true" at this method
                            postData["Editable"] = ($('#editable').prop('checked')) ? 1 : 0;
                        default:
                            // Wrong method or not specify method
                            break;
                    }
                } else {
                    postData["DocumentExpireDate"] = DateUtils.convertToDBDate(package.doc_expiry_date);
                    switch (method) {
                        case 1: // Direct send - This method isn't now using CreatePackage API//
                            postData["Recipients"] = package.emails;
                            postData["Printing"] = package.print;
                            postData["LocalCopies"] = package.local_copy;
                            postData["Folder"] = package.folder_name; // Use folder
                            // add new param
                            postData["is_view_browser"] = package.view_br;
                            postData["wm_text"] = package.wm_text;
                            postData["wm_color"] = package.wm_color;
                            postData["wm_position"] = package.wm_position;
                            break;

                        case 2: // Create link
                            postData["Printing"] = package.print;
                            postData["LocalCopies"] = package.local_copy;
                            postData["Folder"] = package.folder_name;
                            postData["LinkExpireDate"] = DateUtils.convertToDBDate(package.link_expiry_date);
                            postData["MaxDownloads"] = package.number_download;
                            postData["Downloadable"] = true;//false 
                            postData["Password"] = package.link_password;
                            postData["PackageOption"] = package.package_option;
                            postData["ZipPassword"] = package.pass_file_zip;

                            // add new param
                            postData["is_view_browser"] = package.view_br;
                            postData["wm_text"] = package.wm_text;
                            postData["wm_color"] = package.wm_color;
                            postData["wm_position"] = package.wm_position;
                            break;

                        case 3:
                        case 4:// Anoymous - Specify
                            postData["Recipients"] = package.emails;
                            postData["Printing"] = package.print;
                            postData["LocalCopies"] = 2;
                            postData["Folder"] = "";
                            postData["Password"] = package.link_password;
                            postData["ZipPassword"] = package.pass_file_zip;
                            postData["LinkExpireDate"] = DateUtils.convertToDBDate(package.link_expiry_date);
                            postData["MaxDownloads"] = package.number_download;
                            postData["Downloadable"] = true; //Always "true" at this method
                            postData["Editable"] = (package.edit_save) ? 1 : 0;

                            if (method === 4 && package.package_type === 2) {
                                // Package contain only non protect document 
                                // Remove all document protect setting
                                postData["DocumentExpireDate"] = DateUtils.convertToDBDate("");
                                postData["Printing"] = true;
                                postData["Editable"] = 1;
                            }
                            postData["PackageOption"] = package.package_option;
                            postData["is_view_browser"] = package.view_br;
                            postData["wm_text"] = package.wm_text;
                            postData["wm_color"] = package.wm_color;
                            postData["wm_position"] = package.wm_position;
                        default:
                            // Wrong method or not specify method
                            break;
                    }
                }

                // Request
                var request = $.ajax({
                    type: "POST",
                    timeout: HoGoConst.APITimeout,
                    url: url,
                    data: postData,
                    dataType: "json",
                    beforeSend: function () {

                        isSubmitting = true;
                        // Append mask
                        //appendLoadingWithText("iGettingDoc", "body", i18n.t('loader.create_package'), true); 

                        $('<div class="hogo-bg-overlay-action" />').insertAfter(".wrapper_section");
                        // Show indicator
                        $("#validation .loader").show();
                        // Disable button
                        HoGoUtils.disableButton('#btnnext', {
                            colorClass: 'green',
                            isArrow: true,
                            textInside: i18n.t('send_wizard.step_3.buttons.status.creating')
                        });
                    }
                });

                // Promise request 
                request.done(function (data) {

                    isSubmitting = false;

                    if (data.status === 'OK') {

                        // Update new points
                        UserSession.getSessionData().done(function (data) {
                            UserSession.renderNameAndPoint(data);
                        });

                        if (lRepDeleteOldLicense.length > 0) {
                            // Delete License Duplicate
                            deleteLicenseDuplicate(data.package_id, lRepDeleteOldLicense, 1);
                        }

                        // $rootScope
                        var pm = WizardCore.getPackageModel();

                        switch (method) {

                            case 1:
                                if ($("#emailInput").length > 0 && $("#emailInput").val() !== "") // Update new value selected by user
                                    pm.setRecipient($("#emailInput").val());
                                pm.setID(data.package_id);

                                var emailAddress = $("#emailInput").val();

                                sendMailDirectSend(data.package_id, emailAddress);

                                break;

                            case 2:
                            case 3:
                            case 4:

                                if ($("#emailInput").length > 0 && $("#emailInput").val() !== "") // Update new value selected by user
                                    pm.setRecipient($("#emailInput").val());
                                pm.setID(data.package_id);
                                // Redirect to step 4
                                // $('.s4').click();
                                break;

                            default:
                                break;
                        }
                        // Callback
                        cb && cb(data);

                    } else {

                        $('#step-3').find('.hogo-bg-overlay-action').remove();

                        $("#validation .loader").hide();

                        // Enable NEXT button
                        HoGoUtils.enableButton('#btnnext', {
                            colorClass: 'green',
                            isArrow: true,
                            isSubmitForm: true,
                            textInside: i18n.t('buttons.next')
                        });
                        if (data.status === APIConst.INSUFFICIENT_POINT) {
                            // Show popup confirm
                            Modal.showConfirmPopup({
                                title: i18n.t('send_wizard.step_3.message.insuffient_point.title'),
                                content: i18n.t('send_wizard.step_3.message.insuffient_point.content'),
                                okCallback: goBuyingPoints
                            });
                            // Stop code
                            error && error();
                        } else if (data.status === APIConst.MAX_TRANSACTION) {
                            // Show popup
                            Modal.showAlert({
                                title: i18n.t('send_wizard.step_3.message.max_transaction.title'),
                                content: i18n.t('send_wizard.step_3.message.max_transaction.content')
                            });
                            // Stop code
                            error && error();
                        } else {
                            // None of document in HttpSession
                            if (data.status === APIConst.inputParameterErrorStatus) {
                                HoGoUtils.writeLog(data.status_desc);
//                                console.log('aaaaaa');
                                Modal.showAlert({content: i18n.t('error.unknown')});
                            } else {
                                fnSessionTimeout(data, null, 'login');
                            }
                            // Stop code
                            error && error();
                        }
                    }
                });
            }
        });

    }

    /**
     * get one element from duplicated license filter array 
     * @param {type} id
     * @param {type} filter
     * @returns {_L5925.getElement.filter}
     */
    function getElement(id, filter) {
        for (var i in filter) {
            if (id === filter[i].id || id === filter[i].email)
                return filter[i];
        }
    }

    /**
     * show Duplicated License Popup
     * @param {type} type
     * @param {type} json
     * @returns {undefined}
     */
    function showLicenseDuplicatePopup(type, json) {
        var lDocDeleteOldLicense = [];
        if (type === 2) {
            lRepDeleteOldLicense = [];
        }
        // Filter data
        var filter = [], data = json.data, typeCheck = parseInt(type);
        // For send wizard and add recipient to package
        if (typeCheck === 1 || typeCheck === 2) {
            // change structure json data
            for (var i in data.result) {
                var x = data.result[i];
                var y = getElement(x.recipient_id, filter);
                if (y) {
                    if (y.docs)
                        y.docs.push({doc_id: x.document_id, pack_id: x.package_id, title: x.title});
                } else {
                    filter.push({id: x.recipient_id, email: x.mail_address, docs: [{doc_id: x.document_id, pack_id: x.package_id, title: x.title}]});
                }
            }
        }
        // For add document to package and download page
        if (typeCheck === 3 || typeCheck === 4) {
            // change structure json data
            for (var i in data.result) {
                var x = data.result[i],
                        obj = getElement(x.document_id, filter);
                if (obj) {
                    if (obj.reps)
                        obj.reps.push({rep_id: x.recipient_id, pack_id: x.package_id, email: x.mail_address});
                } else {
                    filter.push({id: x.document_id, title: x.title, reps: [{rep_id: x.recipient_id, pack_id: x.package_id, email: x.mail_address}]});
                }
            }
        }

        // draw modal html
        // $('.license-duplicate').remove();
        var title = i18n.t("send_wizard.step_3.duplicate_license.title");

        var html = '<div class="license-duplicate">' +
                '<div id="modal-body" class="modal-body">' +
                '<div style="padding-bottom:20px;" data-hg="send_wizard.step_3.duplicate_license.description"></div>' +
                '<div class="existing-license">' +
                '<div class="divTable">' +
                '<div class="headRow">' +
                '<div style="width: 40%" class="divCell" data-hg="send_wizard.step_3.duplicate_license.table_header.recipient"></div>' +
                '<div style="width: 35%" class="divCell" data-hg="send_wizard.step_3.duplicate_license.table_header.document"></div>' +
                '<div style="width: 10%" class="divCell" data-hg="send_wizard.step_3.duplicate_license.table_header.detail"></div>' +
                '<div style="width: 15%" class="divCell"><input id="del" type="checkbox" class="ck" name="Del"/><label for="del" data-hg="send_wizard.step_3.duplicate_license.table_header.resend"></label></div>' +
                '</div>' +
                '<div class="t-body">' +
                '<div class="content">' +
                '</div>' +
                '<div>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '</div>' + //??
                '</div>' + //??
                '</div> ';


        var number_check = 0;

        // var modal = $( html );
        Modal.createModal(3, {
            title: title,
            content: html,
            size: "large",
            onLoad: function (modal) {

                // For craete package and add recipient to package
                if (typeCheck === 1 || typeCheck === 2) {
                    // show license duplicate to view
                    $.each(filter, function (key, value) {
                        var d = '<div class="divRow" rep-id=' + value.id + '>';
                        d += '<div style="width: 40%; margin-top: -5px;" class="divCell" title=' + value.email + '>' + value.email + '</div><div style="width: 35%" class="divCell">';
                        $.each(value.docs, function (k, v) {
                            d += '<div title="' + v.title + '">' + v.title + '</div>';
                        });
                        d += '</div><div style="width: 10%" class="divCell">';

                        $.each(value.docs, function (k1, v1) {
                            var page = 'PackageDetailDownload?packageId=' + v1.pack_id;
                            d += '<div><a target="_blank" href=' + page + '><i class="header-sprites info"></i></a></div>';

                        });
                        d += '</div><div style="width: 10%; margin-top: -5px;" class="divCell">' +
                                '<input id="del' + value.id + '" type="checkbox" class="ck" name="Del"/>' +
                                '</div>';

                        modal.find('.content').append(d);

                    });
                }

                // add document to package
                if (typeCheck === 3 || typeCheck === 4) {
                    $.each(filter, function (key, value) {
                        var d = '<div class="divRow" doc-id=' + value.id + '><div style="width: 40%" class="divCell">';
                        $.each(value.reps, function (k, v) {
                            d += '<div title=' + v.email + '>' + v.email + '</div>';
                        });
                        d += '</div><div style="width: 35%;  margin-top: -5px;" class="divCell" title="' + value.title + '">' + value.title + '</div><div style="width: 10%" class="divCell">';


                        $.each(value.reps, function (k1, v1) {
                            var page = 'PackageDetailDownload?packageId=' + v1.pack_id;
                            d += '<div><a target="_blank" href=' + page + '><i class="header-sprites info"></i></a></div>';

                        });
                        d += '</div><div style="width: 10%; margin-top: -5px;" class="divCell">' +
                                '<input id="del' + value.id + '" type="checkbox" class="ck" name="Del"/>' +
                                '</div>';

                        modal.find('.content').append(d);
                    });
                }

                // Custom control again
                modal.find('.content .ck').customInput();

                // bind check event to resend checkbox
                $('.t-body').find('input').on('click', function () {
                    var $this = $(this);
                    var row = $this.closest('.divRow');
                    var id = (typeCheck === 1 || typeCheck === 2) ? row.attr('rep-id') : row.attr('doc-id');
                    var element = getElement(id, filter);
                    // if checked
                    if ($this.is(":checked")) {
                        row.addClass('activeRow');
                        number_check++;
                        if (typeCheck === 1 || typeCheck === 2)
                            HoGoUtils.addNode(lRepDeleteOldLicense, element, 'id');
                        if (typeCheck === 3 || typeCheck === 4) {
                            HoGoUtils.addNode(lDocDeleteOldLicense, element, 'id');
                        }
                    } else {
                        row.removeClass('activeRow');
                        number_check--;
                        if (typeCheck === 1 || typeCheck === 2)
                            HoGoUtils.removeNode(lRepDeleteOldLicense, element, 'id');
                        if (typeCheck === 3 || typeCheck === 4) {

                            HoGoUtils.removeNode(lDocDeleteOldLicense, element, 'id');
                        }
                    }

                    // check all
                    if (parseInt(number_check) === parseInt($('.t-body').find('input').length)) {
                        $('input#del').attr('checked', true);
                        $('label[for=del]').addClass("checked");
                    } else {
                        $('input#del').attr('checked', false);
                        $('label[for=del]').removeClass("checked");
                    }
                });

                // check all button
                $('input#del').on('click', function () {
                    var checkboxlist = $('.t-body').find('input');

                    checkboxlist.each(function () {
                        var $this = $(this);
                        var row = $this.closest('.divRow');
                        var id = (typeCheck === 1 || typeCheck === 2) ? row.attr('rep-id') : row.attr('doc-id');
                        var element = getElement(id, filter);
                        if ($('input#del').is(":checked")) {
                            $this.attr('checked', true);
                            $('label[for=del' + id + ']').addClass("checked");
                            // For create package and add recipient to package
                            if (typeCheck === 1 || typeCheck === 2)
                                HoGoUtils.addNode(lRepDeleteOldLicense, element, 'id');
                            // For add document to package
                            if (typeCheck === 3 || typeCheck === 4)
                                HoGoUtils.addNode(lDocDeleteOldLicense, element, 'id');
                            number_check = checkboxlist.length;
                            $this.closest('.divRow').addClass('activeRow');
                        } else {
                            $this.attr('checked', false);
                            $('label[for=del' + id + ']').removeClass("checked");
                            // For create package and add recipient to package
                            if (typeCheck === 1 || typeCheck === 2)
                                HoGoUtils.removeNode(lRepDeleteOldLicense, element, 'id');
                            // For add document to package
                            if (typeCheck === 3 || typeCheck === 4)
                                HoGoUtils.removeNode(lDocDeleteOldLicense, element, 'id');
                            number_check = 0;
                            $this.closest('.divRow').removeClass('activeRow');
                        }

                    });
                });
            },
            cancelCallback: function (modal) {

                if (typeCheck === 4) {
                    // set value for multidownload and multidownloading
                    HoGoDownload.setisMultipleDownload(false);
                    HoGoDownload.setisMultiDownloading(false);
                }
            },
            okCallback: function (modal) {

                // create package
                if (typeCheck === 1) {
                    // list email from filter object
                    var lEFilter = getListIdOrMailFromObject(filter, 'email');

                    var lEDup = getListIdOrMailFromObject(lRepDeleteOldLicense, 'email');

                    // remove recipient tag isn't selected to resend
                    for (var i in lEFilter) {
                        if (lEDup.indexOf(lEFilter[i]) === -1) {
                            $("#emailTags").tagit("removeTagByLabel", lEFilter[i]);
                        }
                    }
                    // remove list email filter from list email remain
                    for (var i in lEFilter) {
                        HoGoUtils.removeNode(lEmailRepRemain, lEFilter[i]);
                    }

                    checkLicense = true;
                }
                // add recipient to package
                if (typeCheck === 2) {
                    var listIdNotDup = json.listIdRep;
                    var lIdFilter = getListIdOrMailFromObject(filter, 'id');

                    // get list recipientId  not duplicate
                    for (var i in lIdFilter) {
                        HoGoUtils.removeNode(listIdNotDup, lIdFilter[i]);
                    }
                    if (lRepDeleteOldLicense.length > 0 || listIdNotDup.length > 0) {
                        json.fnCallback(lRepDeleteOldLicense, listIdNotDup);
                    }
                }

                // add document to package and download anonymous
                if (typeCheck === 3 || typeCheck === 4) {

                    var listIdNotDup = json.listDocId;

                    var lIdFilter = getListIdOrMailFromObject(filter, 'id');

                    // get list documenttId not duplicate
                    for (var i in lIdFilter) {
                        HoGoUtils.removeNode(listIdNotDup, lIdFilter[i]);
                    }

                    if (lDocDeleteOldLicense.length > 0 || listIdNotDup.length > 0) {
                        // add doc to package
                        if (typeCheck === 3)
                            json.fnCallback(lDocDeleteOldLicense, listIdNotDup);
                        // download anonymous
                        else if (typeCheck === 4) {
                            if (json.isMultipleDownload) {
                                // download multiple documents
                                json.fnForMultiDownload(lDocDeleteOldLicense, listIdNotDup);
                            } else {
                                var docId = getListIdOrMailFromObject(lDocDeleteOldLicense, 'id');
                                // download one document (ether lDocDeleteOldLicense or listIdNotDup is empty)
                                json.fnForDownload(lDocDeleteOldLicense, docId.toString(), $("a[docid='" + docId + "']"));
                            }
                        }
                    }
                }
            }
        });
    }

    /**
     * delete duplicated license
     * @param {type} packageId
     * @param {type} lDeleteOldLicense
     * @param {type} type
     * @returns {undefined}
     */
    function deleteLicenseDuplicate(packageId, lDeleteOldLicense, type) {
        // parse data
        var postData = [];

        // post data return: [ "documentId1_emailAddress1", "documentId2_emailAddress2",..]
        // 1: Create package, 2: Add recipient to package
        if (parseInt(type) === 1 || parseInt(type) === 2) {
            $.each(lDeleteOldLicense, function (key, value) {
                var emailAddress = value.email;
                $.each(value.docs, function (k, v) {
                    postData.push(v.doc_id + '_' + emailAddress);
                });
            });
        }
        // Add document to package
        if (parseInt(type) === 3) {
            $.each(lDeleteOldLicense, function (key, value) {
                var id = value.id;
                $.each(value.reps, function (k, v) {
                    postData.push(id + '_' + v.email);
                });
            });
        }

        $.post('api/v1/DeleteLicenseDuplicate', {
            SessionID: s.getSessionID(),
            PackageId: packageId,
            Data: postData.join()
        }, function (data) {
            if (data.status !== 'OK') {
                HoGoUtils.writeLog(data.status_desc);
                Modal.showAlert({content: i18n.t('error.unknown')});
            }
        });
    }

    /**
     * Do send email job. Should be used when DOM is ready
     * @returns {Boolean}
     */
    function doSendMail(sendEmailModal, cb) {

        var pModel = WizardCore.getPackageModel();
        var method = pModel.getMethod();
        var pID = pModel.getID();
        if (sendEmailModal === null) {
            if (method === 2 || method === 3 || method === 4) {
                // Blur input
                $('.tagit-new').find('input').blur();

                // List email will be sent
                if ($.trim($('#emailInput').val()).length > 0) {
                    // Check valid list email
                    if (checkTagit() === false)
                        return;
                    hasEmail = true;
                } else {
                    hasEmail = false;
                }
            }
        } else {
            if (sendEmailModal.emails !== null) {
                hasEmail = true
            } else {
                hasEmail = false;
            }
        }
        //Have email
        if (hasEmail) {
            if (sendEmailModal === null) {
                var sEmail = null;

                if (method === 2 || method === 3 || method === 4) {

                    sEmail = $.trim($('#emailInput').val());
                }

                var postData = {};

                postData["PackageID"] = pID;
                postData["EmailAddress"] = sEmail;
                postData["SessionID"] = s.getSessionID();
                postData["Language"] = $.trim($('#languageSelect').val());
                //Get subject & message
                var subject = $.trim($('#emailSubject').val());
                var message = $.trim($('#emailMessage').val());

                if (subject !== '') {
                    postData["Subject"] = subject;
                }
                if (message !== '') {
                    postData["Message"] = message;
                }

                //Posting to package notice for sending email
                var request = $.ajax({
                    type: "POST",
                    timeout: HoGoConst.APITimeout,
                    url: "api/v1/SendPackageNotice",
                    data: postData,
                    dataType: "json",
                    beforeSend: function () {

                        isSubmitting = true;

                        $("#validation .loader").show('fast');
                        $('<div class="hogo-bg-overlay-action" />').insertAfter(".wrapper_section");
                        HoGoUtils.disableButton('#btnFinish', {
                            colorClass: 'green',
                            textInside: i18n.t('send_wizard.step_4.buttons.status.sending')
                        });
                    }
                });

                // Promise request
                request.done(function (data) {

                    isSubmitting = false;

                    if (data.status === "OK") {
                        // Redirect to step 5 (Congratulation)
                        $('.s5').click();
                    } else {
                        if (data.status === APIConst.sessionIdNotFound) {
                            window.location.href = 'login';
                        } else {
                            // Handle error
                            $('#step-4').find('.hogo-bg-overlay-action').remove();
                            HoGoUtils.enableButton('#btnFinish', {
                                colorClass: 'green',
                                isSubmitForm: true,
                                textInside: i18n.t('send_wizard.step_4.buttons.finish')
                            });
                        }
                    }

                    // Callback
                    cb && cb(data);
                });
            } else {
                var sEmail = sendEmailModal.emails;


                var postData = {};

                postData["PackageID"] = pID;
                postData["EmailAddress"] = sEmail;
                postData["SessionID"] = s.getSessionID();
                postData["Language"] = $.trim($('#languageSelect').val());

                if (sendEmailModal.subject !== '') {
                    postData["Subject"] = sendEmailModal.subject;
                }
                if (sendEmailModal.message !== '') {
                    postData["Message"] = sendEmailModal.message;
                }

                //Posting to package notice for sending email
                var request = $.ajax({
                    type: "POST",
                    timeout: HoGoConst.APITimeout,
                    url: "api/v1/SendPackageNotice",
                    data: postData,
                    dataType: "json",
                    beforeSend: function () {

                    }
                });

                // Promise request
                request.done(function (data) {

//                        isSubmitting = false;
//
//                        if (data.status === "OK") {
//                            // Redirect to step 5 (Congratulation)
//                            $('.s5').click();
//                        }
//                        else {
//                            if (data.status === APIConst.sessionIdNotFound) {
//                                window.location.href = 'login';
//                            }
//                            else {
//                                // Handle error
//                                $('#step-4').find('.hogo-bg-overlay-action').remove();
//                                HoGoUtils.enableButton('#btnFinish', {
//                                    colorClass: 'green', 
//                                    isSubmitForm: true, 
//                                    textInside: i18n.t('send_wizard.step_4.buttons.finish')
//                                });
//                            }
//                        }

                    // Callback
                    cb && cb(data);
                });
            }
        } else {
            // Redirect to step 5 (Congratulation)
            cb && cb();
        }
    }

    /**
     * Send an email to specific emails after creating package
     * @param {type} pID
     * @param {type} Emails
     * @param {type} cb Callback after sending
     * @returns {jqXHR}
     */
    function sendMailDirectSend(pID, Emails, cb) {
        var postData = {};
        postData["PackageID"] = pID;
        postData["EmailAddress"] = Emails;
        postData["SessionID"] = s.getSessionID();
        //Posting to package notice for sending email
        var request = $.ajax({
            type: "POST",
            timeout: HoGoConst.APITimeout,
            url: "api/v1/SendPackageNotice",
            data: postData,
            dataType: "json"
        });

        // Promise request
        request.done(function (data) {
            // Redirect to step 5 (Congratulation)
            // $('.s5').click();
            cb && cb(data);
        });
    }

    /**
     * Redirect to buy point page
     * @returns {undefined}
     */
    function goBuyingPoints() {

        var l = window.location;
        var path = l.pathname;
        var page = path.substring(path.lastIndexOf('/') + 1, path.length);
        // Get path
        var hash = l.hash;

        var currentpage = page + hash;

        // Store current state
        var pModel = WizardCore.getPackageModel();
        var rep = ($('#emailInput').length > 0) ? $('#emailInput').val() : "";
        pModel.setRecipient(rep);
        var m = JSON.stringify(pModel);
        var json = JSON.parse(m);
        json['u_id'] = s.getSessionID();

        var scope = WizardCore.getScope("#step-1");
        var package = scope.package;

        // Store current package setting
        var n = JSON.stringify(package);
        var packageJson = JSON.parse(n);
        packageJson['u_id'] = s.getSessionID();

        $.cookie('step3', JSON.stringify(json));
        $.cookie('package_step2', JSON.stringify(packageJson));

        // Remove beforeunload event
        window.onbeforeunload = null;

        window.location.href = "BuyPoint?returnPath=" + currentpage;
    }

    /**
     * Check valid documents for method before move to settings
     * @returns {undefined}
     */
    function checkPackage() {
        // Method
        var method;
        $('input:radio[name=method]').each(function () {
            if ($(this).attr('checked')) {
                method = $(this).val();
            }
        });

        var m = parseInt(method);

        // Set package to $rootScope
        var pModel = WizardCore.getPackageModel();
        pModel.setMethod(m);

        // ZERO type
        if (m === 3 || m === 4) {

            var checkPK = $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: 'api/v1/CheckValidDocuments',
                data: {Method: m, DocumentIDs: pModel.getDocument().toString()},
                dataType: "json",
                beforeSend: function () {

                    isSubmitting = true;

                    // Disable button
                    HoGoUtils.disableButton('#btnnext', {colorClass: 'green', isArrow: true, textInside: i18n.t('buttons.status.checking')});
                }
            });

            // Checking
            checkPK.done(function (data) {

                isSubmitting = false;

                if (data.status === 'OK') {

                    switch (m) {
                        case 1: // Direct
                            $('.s3-push').click();
                            break;

                        case 2: // Link
                            $('.s3-online').click();
                            break;

                        case 3: // Adobe
                            $('.s3-zero').click();
                            break;

                        default:
                            $('.s1').click();
                            break;
                    }
                    //window.location.href = url;
                } else {
                    // Unsupport files
                    if (data.status === APIConst.DOCUMENT_NOT_SUPPORT_ZERO_METHOD) {

                        //Show confirm
                        Modal.showAlert({
                            title: i18n.t('history.package.message.unsupported_files.title'),
                            content: i18n.t('history.package.message.unsupported_files.content')
                        });

                        //Enable buttons for choosing another method
                        HoGoUtils.enableButton('#btnnext', {colorClass: 'green', isArrow: true, handler: checkPackage, textInside: i18n.t('buttons.next')});
                    } else {
                        $('.s1').click();
                    }
                }
            });
        } else {
            switch (m) {
                case 1: // Direct
                    $('.s3-push').click();
                    break;

                case 2: // Link
                    $('.s3-online').click();
                    break;
            }
            //window.location.href = url;
        }
    }

    /**
     * Event drag file on our upload file block
     * @returns {undefined}
     */
    function dragEnter() {

        $('#container').css({"opacity": 0.3, "filter": "alpha(opacity=30)"});
        HoGoUtils.makeNotifyServer({
            "msg": i18n.t('notification.drop_file'),
            "autoClose": false
        });
    }

    /**
     * Event leave file our upload file block
     * @returns {undefined}
     */
    function dragLeave() {

        $('#container').css({"opacity": "", "filter": ""});
        HoGoUtils.makeNotifyServer({
            "msg": i18n.t('notification.drop_file'),
            "autoClose": true,
            "time": 100
        });
    }

    // Public method
    return {
        // 
        // Check validate form for any step
        // 
        fStatus: false,
        // 
        // Step 1 - Table new upload
        // 
        nTable: null,
        // 
        // Step 1 - Existing table
        //
        existingTable: null,
        //
        // Return the submitting status
        //
        isSubmit: function () {
            return isSubmitting;
        },
        /**
         * Check whether disable/enable buttons NEXT & CANCEL. This function is using for both context {SendWizard/AddDocument}
         * @returns {undefined}
         */
        setupButtons: function () {

            var nDT = WizardCore.nTable;

            if (HoGoUtils.getPageName() === 'sendwizard.html') {
                var eDT = WizardCore.existingTable;
                // No record available
                if (nDT.fnSettings().fnRecordsTotal() === 0 && eDT.fnSettings().fnRecordsTotal() === 0) {
                    // Disable button
                    HoGoUtils.disableButton('#btnnext', {
                        colorClass: 'green',
                        isArrow: true,
                        textInside: i18n.t('buttons.next')
                    });
                    HoGoUtils.disableButton('#btnWarningCancelUploadOrEncode', {colorClass: 'red'});
                } else {
                    // Check process upload is done or not
                    if (checkProcessUpload(HoGoUpload.uploader.files)) {
                        HoGoUtils.enableButton('#btnnext', {
                            colorClass: 'green',
                            isArrow: true,
                            isSubmitForm: true,
                            textInside: i18n.t('buttons.next')
                        });
                    }

                    //if (nDT.fnSettings().fnRecordsTotal() > 0) {
                    //Enable
                    HoGoUtils.enableButton('#btnWarningCancelUploadOrEncode', {
                        colorClass: 'red',
                        handler: HGEncode.cancelUploadDocument
                    });
                    //}
                }
            } else {
                // AddDocument
                if (nDT.fnSettings().fnRecordsTotal() === 0) {
                    // Disable button
                    HoGoUtils.disableButton('#btnnext', {
                        colorClass: 'green',
                        isArrow: true,
                        textInside: i18n.t('buttons.next')
                    });
                    HoGoUtils.disableButton('#btnWarningCancelUploadOrEncode', {
                        colorClass: 'red'
                    });
                } else {
                    // Check process upload is in process or not
                    if (checkProcessUpload(HoGoUpload.uploader.files)) {
                        HoGoUtils.enableButton('#btnnext', {
                            colorClass: 'green',
                            isArrow: true,
                            isSubmitForm: true,
                            textInside: i18n.t('buttons.next')
                        });
                    }
                    HoGoUtils.enableButton('#btnWarningCancelUploadOrEncode', {
                        colorClass: 'red',
                        handler: HGEncode.cancelUploadDocument
                    });
                }
            }
        },
        // 
        // Encode document step 1
        //
        encodeDocument: function () {
            HGEncode.encodeDocument();
        },
        //
        // Do create package
        //
        doSubmit: doSubmit,
        //
        // Do send email
        //
        doSendMail: doSendMail,
        /**
         * Draw on view step 4 depend on method number
         * @param {type} method
         * @param {type} rep : Recipient's email
         * @returns {undefined}
         */
        setupView: function (method, rep) {

            if (rep !== null)
                $('#emailInput').val(rep);

            switch (method) {

                // Set up view map with method
                case 2:
                case 4: // Create link // Anonymous link 
                    $('#emailWrapper').remove();
                    $('#tipsySpecifyLink').remove();
                    break;

                case 3: // Specify recipient
                    var lR = rep.split(",");

                    $('#btnExistingAddressBook').remove();
                    $("#tipsyAnonymousLink").remove();
                    if (lR.length > 0) {

                        hasEmail = true;
                        // Tag it but readonly
                        $("#emailTags").tagit({
                            singleField: true,
                            singleFieldNode: $('#emailInput') // Value will be added here
                        });

                        $('ul#emailTags li input').attr('disabled', true);
                    }
                    break;
            }
        },
        //
        // Manage uploading, encoding
        //
        setupStep1: function () {

            // Has tooltip
            ToolTip.wizardTooltip();
            // Set position for tooltips
            $('#mailAddressTipsy,#expiryDateTipsy,#downloadTipsy,#expiryDocumentTipsy,#numberCopyTipsy,#passwordTipsy,#localCopyTipsy,#folderTipsy,#numberCopyTipsy').tipsy({
                gravity: 'ne' // North - East
            });
            // Anable tool tip specify 
            $('#specifyRecTipsy').tipsy({
                gravity: 'nw', // North - West
                className: 'spec-recipient'
            });

            // Now that we have a plugin, we can listen for the new events 
            $('#uploader_drophere').unbind().draghover().on({
                'draghoverstart': function () {
                    dragEnter();
                },
                'draghoverend': function () {
                    dragLeave();
                }
            });

            // Request get existing documents
            var getExistingDocument = $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/CheckDocumentList",
                data: {'SessionID': s.getSessionID()},
                dataType: "json"
            });

            // Check GUI: Display existing file or not - Promise
            getExistingDocument.done(function (data) {
                if (data.status === "OK") { //Has document
                    // TODO
                } else {
                    // Hide button section 
                    var t = $('#btnUploadFile').parents('table');
                    t.find('td').eq(2).remove();
                    t.find('td').eq(2).remove();
                }
            });

            // Set recipient
            lRepDeleteOldLicense = [];

            lEmailRepRemain = [];

            var lEmailDeleteOldLicense = getListIdOrMailFromObject(lRepDeleteOldLicense, 'email');
            // Existing addressbook
            if ($('#btnExistingAddressBook').length > 0) {

                // Display existing recipients
//                $('#btnExistingAddressBook').unbind('click').on('click', function () {
//                    Modal.getAddressBookList();
//                });

                // Autocomplete - Email suggestion - Create source
                var autoCompelete = $.ajax({
                    type: "POST",
                    timeout: HoGoConst.APITimeout,
                    url: "api/v1/GetMailAddress",
                    data: {sessionID: s.getSessionID()},
                    dataType: "json"
                });

                autoCompelete.done(function (data) {
                    var address = data.address; // Source for the list
                    $("#emailTags").tagit({
                        //tagSource: [    {value: 'email1@gmail.com', label: 'Hao: email1@gmail.com'},    {value: 'email2@gmail.com', label: 'Loan: email2@gmail.com'},    {value: 'email3@gmail.com', label: 'XA: email3@gmail.com'}],
                        availableTags: address,
                        afterTagAdded: function (event, ui) {
                            var tag = $(ui.tag[0]);
                            // Invalid email, we set border in red
                            if (!HoGoUtils.isValidEmail(ui.tagLabel)) {
                                tag.css({'border': '1px solid red'});
                            }
                            // check email exist or not in two list 
                            if (!HoGoUtils.checkNodeExisted(lEmailDeleteOldLicense, ui.tagLabel) && !HoGoUtils.checkNodeExisted(lEmailRepRemain, ui.tagLabel)) {
                                lEmailRepRemain.push(ui.tagLabel);
                            }
                        },
                        afterTagRemoved: function (evt, ui) {
                            // update list
                            lEmailDeleteOldLicense = getListIdOrMailFromObject(lRepDeleteOldLicense, 'email');
                            // email belongs to list remain
                            if (!HoGoUtils.checkNodeExisted(lEmailDeleteOldLicense, ui.tagLabel)) {
                                HoGoUtils.removeNode(lEmailRepRemain, ui.tagLabel);
                            } else {
                                // email belongs to deleted license recipient list
                                HoGoUtils.removeNode(lEmailDeleteOldLicense, ui.tagLabel);
                                HoGoUtils.removeNode(lRepDeleteOldLicense, getElement(ui.tagLabel, lRepDeleteOldLicense), 'id');
                            }
                        },
                        singleField: true,
                        singleFieldNode: $('#emailInput') // Value will be set here
                    });
                });

            }

            // Only using for Zero
            $('#specifyRecipient').change(function () {

                if ($(this).prop('checked')) {
                    $('.emailInputformError').remove();
//                    $('#textSpecifyMail').css({'opacity': 0.4, 'filter': 'alpha(opacity=40)'}); //IE9
                    // Remove all tag & disable it
                    $('#emailTags').tagit("removeAll");//.css('background-color', '#F1F1F1');
//                    $('ul#emailTags li input').css('background-color', '#F1F1F1!important');
//                    HoGoUtils.disableButton('#btnExistingAddressBook', {colorClass: 'orange'});
                    HoGoUtils.enableButton('#btnExistingAddressBook', {colorClass: 'orange', handler: Modal.getAddressBookList});
                } else {

                    // Enable button
                    $('#textSpecifyMail').css('opacity', 1);
                    //Enable new tag
                    $('ul#emailTags li input').attr('disabled', false).css('background-color', '#fff');
                    ;
                    $('#emailTags').css('background-color', '#FFF');
                    HoGoUtils.enableButton('#btnExistingAddressBook', {colorClass: 'orange', handler: Modal.getAddressBookList});
                }
            });
        },
        //
        // Sending package notice
        //
        setupStep4: function () {

            // Unbind events on this element such as drag & drop
            $('#uploader_drophere').unbind();

            // Has tooltip
            ToolTip.wizardTooltip();

            var pModel = WizardCore.getPackageModel();

            // Get package information
            if (pModel.getMethod() !== 1) { // Method has a link

                $('<div class="hogo-bg-overlay-action" />').appendTo('#viewWrapper');

                $.post('api/v1/GetPackageDetail', {PackageID: pModel.getID(), SessionID: s.getSessionID()}, function (data) {

                    $('.hogo-bg-overlay-action').remove();

                    var detail = data.detail;

                    $.each(detail, function (id, p) {
                        $('#fe_text').val(p.link_url);
                    });
                });
            }

            // Enable button finish
            HoGoUtils.enableButton('#btnFinish', {colorClass: 'green', isSubmitForm: true});

            // Existing addressbook
            if ($('#btnExistingAddressBook').length > 0) {

                // Display existing recipients
                $('#btnExistingAddressBook').unbind('click').on('click', function () {
                    $('body').find(".formError").remove();
                    Modal.getAddressBookList();
                });
                // Autocomplete - Email suggestion - Create source
                var autoCompelete = $.ajax({
                    type: "POST",
                    timeout: HoGoConst.APITimeout,
                    url: "api/v1/GetMailAddress",
                    data: {sessionID: s.getSessionID()},
                    dataType: "json"
                });

                autoCompelete.done(function (data) {
                    var address = data.address; // Source for the list
                    // Refer to: https://github.com/aehlke/tag-it
                    $("#emailTags").tagit({
                        availableTags: address,
                        afterTagAdded: function (event, ui) {
                            var tag = $(ui.tag[0]);
                            if (!HoGoUtils.isValidEmail(ui.tagLabel)) {
                                tag.css({'border': '1px solid red'});
                            }
                        },
                        singleField: true,
                        singleFieldNode: $('#emailInput') // Value will be set here
                    });
                });
            }

            // Prevent enter action subject input
            $('#emailSubject').keydown(function (event) {
                var keycode = (event.keyCode ? event.keyCode : event.which);
                // Enter button
                if (keycode === 13) {
                    return false;
                }
            });

            // Check flash installed or not
//            HoGoUtils.copyLink('#d_clip_button');
        },
        /**
         * Get scope for each step (Get angular controller contains this element) using angular
         * @param {type} selector : Element is contained by controller
         * @returns {angular scope}
         */
        getScope: function (selector) {
            return angular.element($(selector)).scope();
        },
        /**
         * Get package model that use for send wizard (Stored at $rootScope)
         * @returns {Package model}
         */
        getPackageModel: function () {
            return this.getScope('#container').getPack();
        },
        showLicenseDuplicatePopup: function (type, json) {
            showLicenseDuplicatePopup(type, json);
        },
        deleteLicenseDuplicate: function (packageId, lRepDeleteOldLicense, type) {
            deleteLicenseDuplicate(packageId, lRepDeleteOldLicense, type);
        }

    };

}(jQuery, UserSession));

//
// Manage showing history
//
var History = (function ($, s) {

    //History list table
    var oTable;

    //Type history. Init get all.
    var typeHistory = "";

    var userId = HoGoUtils.getParameter()['userID'];

    //Init start/stop date
    var startDate = convertFromDateObject(new Date(0)) + ' 00:00:00';

    var stopDate = convertFromDateObject(new Date()) + ' 23:59:59';

    // Current filter item
    var cItem = null;

    /**
     * Get all history code behind item hasClass(filter-item) in filter History block.
     */
    function getAllHistoryCode() {

        var hCode = [];

        $.each($('.filter-item'), function (k, v) {
            hCode.push($(v).attr('history-code'));
        });

        return hCode.toString();
    }

    function makeRequestParam(aoData, type, startDate, stopDate) {

        var post = {};

        $.each(aoData, function (k, v) {

            if (v.name === "sEcho") {
                post["sEcho"] = v.value;
            }
            if (v.name === "iDisplayStart") {
                post["displayStart"] = v.value;
            }
            if (v.name === "iDisplayLength") {
                post["displayLength"] = v.value;
            }
        });

        post["Type"] = type;
        post["StartDate"] = startDate;
        post["StopDate"] = stopDate;

        if (HoGoUtils.getPageName() === 'userdetail.html') {
            post["UserID"] = HoGoUtils.getParameter()['userID'];
        }

        post["SessionID"] = s.getSessionID();
        return post;
    }

    /**
     * Filter history
     * @returns {Boolean}
     */
    function fHistory() {

        //FStatus) return false; Check valid form
        if (!History.fStatus)
            return false;

        var _this = cItem;

        var p = makeParamFilter(_this);

        startDate = p.s_date;
        stopDate = p.e_date;
        typeHistory = p.h_code;

        //Write on Cookie
        var hFilter = [];

        hFilter.push(p);
        $.cookie("h_filter", JSON.stringify(hFilter));

        //Draw again
        oTable.fnDraw();
    }

    /**
     * Create a post parameters for filtering by history type and range date
     * @returns json params object
     */
    function makeParamFilter() {

        var sDate = convertFromDateObject(new Date(0)) + ' 00:00:00';
        var eDate = convertFromDateObject(new Date()) + ' 23:59:59';

        //Check validate picker
        if ($.trim($('#datepickerStart').val()) !== "")
            sDate = $('#datepickerStart').val() + ' 00:00:00';

        if ($.trim($('#datepickerEnd').val()) !== "")
            eDate = $('#datepickerEnd').val() + ' 23:59:59';

        //Count active group
        var countActive = 0;
        var type = [];
        var groupFilter = [];
        var paymentType = [];

        //Get hisotry code
        $.each($('.filter-item'), function (i, item) {
            if ($(item).hasClass('active')) {
                groupFilter.push(i);
                countActive++;
                type.push($(item).attr('history-code'));
            }
        });

        // Get payment type
        $.each($('.filter-item-child'), function (i, item) {

            if ($(item).hasClass('active')) {
                paymentType.push($(item).attr('type'));
            }
        });

        //Back to ogrinal state 
        if (countActive === 3) {
            $('.filter-item').removeClass('active');
            countActive = 0;
        }

        //In case of reset 
        if (type.length === 0) {
            //Clear all params to server
            typeHistory = getAllHistoryCode();
        } else {
            //Filter history by posting entensial params
            typeHistory = type.toString();
        }
        // Return param
        return {"h_code": typeHistory, "s_date": sDate, "e_date": eDate, "group": groupFilter.toString(), "payment_type": paymentType.toString()};
    }

    return {
        //Form status
        fStatus: false,
        /**
         * Get datatable history list
         * @returns {unresolved}
         */
        getTableList: function () {
            return oTable;
        },
        makeParamFilter: makeParamFilter,
        /**
         * Init element for History page
         * @returns {undefined}
         */
        init: function () {
            // Validation filter form
            HoGoUtils.validateForm('fValidation', History);
        },
        makeHistoryList: function (fnCallback) {

            $("input.datepicker").datepicker({//Refer API: http://api.jqueryui.com/datepicker/
                autoSize: true,
                dateFormat: 'mm/dd/yy'
            });

            $('span.filter-item').die('click').live('click', function () {

                //Toggle button
                $(this).toggleClass('active');

                $("#fValidation").submit();
            });

            //Get all type
            typeHistory = getAllHistoryCode();

            // Identify admin or user
            var l = 'en';

            if (s.getUserObject() !== null) {
                l = s.getLang();
            }

            oTable = $('#tablepaging').dataTable({
                "bInfo": false,
                "bLengthChange": false,
                "bPaginate": true,
                "iDisplayLength": 10,
                "sPaginationType": "full_numbers",
                "oLanguage": DTUtils.DTLang,
                "sDom": 'pli<"clear-right">tr',
                "sAjaxSource": "api/v1/GetAllHistory",
                "bServerSide": true,
                "bProcessing": true,
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                    $.ajax({
                        url: sSource,
                        type: 'POST',
                        timeout: HoGoConst.APITimeout,
                        dataType: "json",
                        data: makeRequestParam(aoData, typeHistory, startDate, stopDate),
                        success: function (data) {

                            if (data.status === "OK") {
                                var lang = i18n.lng();
                                var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                                $.each(data.history_detail, function (key, value) {
                                    var nameRecipient = "";
                                    if (lang === "ja") {
                                        nameRecipient = value.recipientNameJa;
                                        if (nameRecipient === 'Recipient New') {
                                            nameRecipient = value.repMailAddress;
                                        }
                                    } else {
                                        nameRecipient = value.recipientName;

                                        if (nameRecipient === 'New  Recipient') {
                                            nameRecipient = value.repMailAddress;
                                        }
                                    }
                                    json.aaData.push({"historyID": value.historyID, "historyType": value.historyType, "packageID": value.packID, "documentName": value.documentName, "recipientName": nameRecipient, "createDate": DateUtils.convertFullDate(value.createDate), "point": value.point, "paymentType": value.paymentType, "nullValue": ""});

                                });
                            } else {
                                //Session not found
                                if (data.status === APIConst.sessionIdNotFound) {

                                    window.location.href = 'login';
                                } else {
                                    HoGoUtils.writeLog(data.status_desc);
                                    Modal.showAlert({content: i18n.t('error.unknown')});
                                }
                            }
                            fnCallback(json);
                        }
                    });
                },
                "bStateSave": true,
                "fnStateLoad": function (oSettings) {

                    //Only from package detail. Load previous state
                    if ($.cookie('l_p') === 'packagedetaillink.html' || $.cookie('l_p') === 'packagedetaildownload.html') {

                        //Read our Cookie
                        var fT = jQuery.parseJSON($.cookie("h_filter"));

                        if (fT !== undefined && fT !== null) {

                            var group;

                            $.each(fT, function (k, v) {
                                //Set value.
                                startDate = v.s_date;
                                stopDate = v.e_date;
                                typeHistory = v.h_code;
                                group = v.group;

                                //Draw on view 
                                if (startDate !== "01/01/1970 00:00:00")
                                    $('#datepickerStart').val(DateUtils.convertDate(startDate));

                                if (stopDate !== (convertFromDateObject(new Date()) + ' 23:59:59'))
                                    $('#datepickerEnd').val(DateUtils.convertDate(stopDate));
                            });

                            //Draw selected 
                            var lG = group.split(",");

                            if (lG.length > 0) {

                                $.each(lG, function (k1, v1) {

                                    $.each($('.filter-item'), function (i) {
                                        if (parseInt(v1) === i)
                                            $(this).addClass('active');

                                    });
                                });
                            }
                        }

                        //Read from Datatable cookie
                        var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
                        var oData;
                        try {
                            oData = (typeof $.parseJSON === 'function') ?
                                    $.parseJSON(sData) : eval('(' + sData + ')');
                        } catch (e) {
                            oData = null;
                        }
                        return oData;
                    } else {

                        $.cookie('h_filter', null);

                    }
                },
                "fnRowCallback": function (nRow, aData) {

                    var historyType = aData.historyType;
                    var pointsT = i18n.t('session.label.points');
                    var sendWizardImage = "Images/1.1/Icon/Dark/send.png";
                    var inforImage = "Images/1.1/Icon/Dark/info.png";
                    var shoppingBasketImage = "Images/1.1/Icon/Dark/shopping.png";
                    var documentImage = "Images/1.1/Icon/Dark/document.png";

                    //Each type
                    switch (historyType) {
                        //405
                        case HoGoConst.DIRECT_SEND_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + sendWizardImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text" >' + i18n.t('history.event.send_direct_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //406
                        case HoGoConst.CREATE_LINK_NONDOWNLOAD_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + sendWizardImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.create_link_nondownload_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //407
                        case HoGoConst.CREATE_LINK_DOWNLOAD_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + sendWizardImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.create_link_download_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //411
                        case HoGoConst.LINK_SPECIFY_CREATED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + sendWizardImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.create_link_specify_recipient') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //412
                        case HoGoConst.LINK_ANONYMOUS_CREATED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + sendWizardImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.create_link_anonymous') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //Break  
                            //408
                        case HoGoConst.PURCHASE_POINTS_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + shoppingBasketImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.package_purchase_type') + '</div>');
                            if (UserSession.getAdminObject() !== null && aData.paymentType === APIConst.STRIPE_METHOD_PAYMENT) {
                                $("td:eq(5)", nRow).html('<span class="btn-small orange">' + i18n.t('buttons.refund') + '</span>');
                                $("td:eq(5)", nRow).find('.btn-small').bind('click', function () {
                                    User.showHistoryDetail(aData.historyID, aData.historyType);
                                });
                            }
                            break;
                            //504
                        case HoGoConst.ADMIN_REFUND_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + shoppingBasketImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.admin_refund_type') + '</div>');
                            if (UserSession.getAdminObject() !== null) {
                                $("td:eq(5)", nRow).html('<span class="btn-small orange">DETAIL</span>');
                                $("td:eq(5)", nRow).find('.btn-small').bind('click', function () {
                                    User.showHistoryDetail(aData.historyID, aData.historyType);
                                });
                            }
                            break;
                            //505
                        case HoGoConst.ADMIN_ADD_POINTS:
                            $("td:eq(0)", nRow).html('<image src=' + shoppingBasketImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.package_recieve_type') + '</div>');
                            $("td:eq(5)", nRow).html('<span class="highlight-content-green">' + aData.point + " " + pointsT + '</span>');
                            break;
                            //403 -- Login 
                        case HoGoConst.LOGIN_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + inforImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.user_login_type') + '</div>');
                            break;
                            //404 -- Logout 
                        case HoGoConst.LOGOUT_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + inforImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.user_logout_type') + '</div>');
                            break;
                            //604 -- Link expired
                        case HoGoConst.LINK_EXPIRED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + documentImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.link_expired_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //603 -- Document expired
                        case HoGoConst.DOCUMENT_EXPIRED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + documentImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.document_expired_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //200 -- Document added
                        case HoGoConst.DOCUMENT_ADDED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + documentImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.add_document_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //202 -- Document deleted
                        case HoGoConst.DOCUMENT_DELETED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + documentImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.delete_document_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                            //102
                        case HoGoConst.PACKAGE_DELETED_TYPE:
                            $("td:eq(0)", nRow).html('<image src=' + documentImage + ' />');
                            $("td:eq(2)", nRow).html('<div class="l-text">' + i18n.t('history.event.delete_package_type') + '</div>');
                            $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentName + '</div>');
                            $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientName + '</div>');
                            break;
                        default:
                            break;
                    }
                    // Check package ID
                    if (aData.packageID) {
                        //if (historyType === HoGoConst.PACKAGE_DELETED_TYPE) {
                        //$("td:eq(5)", nRow).html("");
                        //}
                        //else {
                        // Get redirect page
                        var page = (UserSession.getAdminObject() !== null) ? 'PackageDetailDownloadAdmin?packageId=' + aData.packageID + '&userID=' + userId :
                                'PackageDetailDownload?packageId=' + aData.packageID;
                        $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=" + page + "></a>");
                        nRow.ondblclick = function () {
                            window.location.href = page;
                        };
                        //}
                    }
                },
                "fnDrawCallback": function (oSettings) {
                    //Clear array
//                    DTUtils.fnSetUpTableControl(oSettings);
                },
                "aoColumns": [
                    {"mDataProp": "historyType"},
                    {"mDataProp": "createDate"},
                    {"mDataProp": "historyType"},
                    {"mDataProp": "documentName"},
                    {"mDataProp": "recipientName"},
                    {"mDataProp": "nullValue"}
                ],
                "aoColumnDefs": [
                    {'bSortable': false, 'aTargets': [0, 1, 2, 3, 4, 5]}
                ],
                "fnInitComplete": function (s) {

                    if (typeof fnCallback === 'function') {
                        fnCallback.call();
                    } else {
                        $('#' + s.sTableId).i18n();
                    }
                }
            });
        },
        initForUser: function () {

            // Validation filter form
            HoGoUtils.validateForm('fValidation', History);

            $('span.filter-item').on('click', function () {

                cItem = $(this);

                $("#fValidation").submit();
            });
        },
        filter: fHistory,
        getHistoryCode: getAllHistoryCode,
        /**
         * Go detail with specific packageID
         * @param {string} packID : Package ID
         */
        goDetail: function (packID) {
            // Check package available or not
            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/CheckPackage",
                data: {PackageID: packID},
                timeout: HoGoConst.APITimeout,
                success: function (dt) {

                    var method = dt.sent_method;

                    if (dt.status === "OK") {

                        switch (parseInt(method)) {

                            case HoGoConst.WIZARD_CREATE_LINK_TYPE: // 2 - Create Link

                                if (HoGoUtils.getPageName() === 'userdetail.html') {
                                    var userID = HoGoUtils.getParameter()['userID'];
                                    window.location.href = "PackageDetailLinkAdmin?packageId=" + packID + "&userID=" + userID;
                                } else {
                                    window.location.href = "PackageDetailLink?packageId=" + packID;
                                }
                                break;

                            default:

                                if (HoGoUtils.getPageName() === 'userdetail.html') {
                                    var userID = HoGoUtils.getParameter()['userID'];
                                    window.location.href = "PackageDetailDownloadAdmin?packageId=" + packID + "&userID=" + userID;
                                } else {
                                    window.location.href = "PackageDetailDownload?packageId=" + packID;
                                }
                                break;
                        }
                    } else {
                        Modal.showAlert({
                            title: i18n.t('history.package.message.package_deleted.title'),
                            content: i18n.t('history.package.message.package_deleted.content')
                        });
                    }
                }
            });
        }
    };

}(jQuery, UserSession));

//
// Manage package detail
//

var Package = (function ($, s) {

    /* Process saving distribution */
    var isSavingDist = false;

    /* Process saving package */
    var isSavingPack = false;

    //check is_sync
    var checkIsSync = 0;

    // Private variables method here
    var packageId = $.trim(HoGoUtils.getParameter()["packageId"]);

    // Using for admin
    var userId = HoGoUtils.getParameter()['userID'];

    // Global variables. We should create a model for this object
    var expiryDate = "", method, documents = null, recipients = null, distributions = null;

    var linkExpiry = "", documentExpire = "", localCopies, maxDownload, downloadable, downloaded, editable, isSync, syncFolderName, syncFolderId;

    // Contain changed distribution
    var listUpdatedDis = [];

    /* Distribution object */
    var Distribution = {
        lDistribution: [], lDoc: [], lRep: [],
        lDisDetail: {},
        init: function (docList, repList, listDistDetail) {
            this.lDoc = docList;

            this.lRep = repList;

            this.lDisDetail = listDistDetail;

        },
        /**
         * Find doc & rep in the distribution
         * @param {type} docID
         * @param {type} repID
         * @returns {json}
         */
        find: function (docID, repID) {

            //var d = {"status": 1, "num_of_download": 0, "be_download_id": null}; // Data gia (fake data)

            var d;

            $.each(this.lDisDetail, function (a, b) {

                if (a === docID) {

                    // var v = null;

                    $.each(b, function (c, dis) {
                        if (c === repID) {
                            d = dis;
                            // Break
                            return false;
                        }
                    });

                    // d = v;
                    // Break
                    return false;
                }
            });

            return d;
        },
        /**
         * Get the first distribution of a document in distribution detail
         * @param {type} docID
         * @returns {d}
         */
        findFirstDistributionOfADocument: function (docID) {
            var dis;
            $.each(this.lDisDetail, function (id, v) {
                if (id === docID) {
                    $.each(v, function (r, d) {
                        dis = d;
                        return false;
                    });
                }
            });
            return dis;
        },
        /**
         * Create distribution with specific status
         * @param {type} status
         * @returns {json}
         */
        createFakeDis: function (status) {
            return {"status": status, "num_of_download": 0, "be_download_id": null, "opened_date": null};
        },
        /**
         * Get document detail by its id
         * @param {type} id
         * @returns {json}
         */
        getDocumentDetail: function (id) {
            var docs = this.lDoc;
            for (var i = 0; i < docs.length; i++) {
                if (docs[i].id === id) {
                    return docs[i];
                }
            }
        },
        /**
         * Find real recipient list between distribution detail & recipient header (because of data insert incorrectly in some previous version)
         * @returns {Array}
         */
        getRealRep: function () {

            var lR = [];
            // Find recipient IDs in distribution detail 
            $.each(this.lDisDetail, function (docID, lRep) {

                $.each(lRep, function (repID, dis) {

                    if ($.inArray(repID, lR) === -1) {

                        if (dis.be_download_id.length === 32) // Must be provided from Bookend
                            lR.push(repID);

                    }
                });
            });
            // Clone
            var tempList = $.extend(true, [], this.lRep);

            $.each(lR, function (i, id) {

                $.each(tempList, function (i1, rep) {
                    if (id !== rep.id) { // Not in header - It might be anonymous recipient
                        // Create one
                        // var anonymousRep = {id: id, status: 1, name: "Anoymous", email: 'unknown'};
                        // Distribution.lRep.push(anonymousRep);
                    }
                });

            });

            //console.log(this.lRep);
            return lR;
        },
        /**
         * Reset distribuiton object
         * @returns {undefined}
         */
        reset: function () {

            Distribution.lDistribution.splice(0, Distribution.lDistribution.length);
            Distribution.lRep.splice(0, Distribution.lRep.length);
            Distribution.lDoc.splice(0, Distribution.lDoc.length);

        },
        /**
         * Get distribution list
         * @returns {Array|Distribution.lDistribution}
         */
        getDistributionList: function () {
            return Distribution.lDistribution;
        },
        size: function () {
            return Distribution.lDistribution.length;
        },
        /**
         * Check row has been removed or not
         * @param {type} repID
         * @returns {Boolean}
         */
        isRemovedRow: function (repID) {

            var check = true;

            for (var x = 0; x < Distribution.lDoc.length; x++) {

                var dis = Distribution.find(Distribution.lDoc[x].id, repID);

                if (dis) {
                    if (dis.status !== 2) {
                        check = false;
                        // break;
                        break;
                    }
                }
            }
            return check;
        },
        /**
         * Check column has been removed or not
         * @param {type} docID
         * @returns {Boolean}
         */
        isRemovedColumn: function (docID) {

            var check = true;
            var l = Distribution.lRep.length;

            for (var x = 0; x < l; x++) {

                var dis = Distribution.find(docID, Distribution.lRep[x].id);

                if (dis) {

                    if (dis.status !== 2) {

                        check = false;
                        // break
                        break;
                    }
                } else {
                    // We have to find the first distribution
                    dis = this.findFirstDistributionOfADocument(docID);

                    if (typeof dis !== 'undefined') {

                        if (dis.status != 2) {
                            check = false;
                        }
                    }
                }

            }
            // In case no recipient, then find "not used" distribution
            if (l === 0) {
                // Find NotUsed distribution
//                var dis = Distribution.find(docID, "");
//                if (dis === null) {
//                    dis = Distribution.find(docID, "NotUsed");
//                }
                // Get the first distribution of document // That's all
                dis = this.findFirstDistributionOfADocument(docID);

                if (dis) {
                    if (dis.status !== 2) {

                        check = false;
                        // break
                    }
                }
//                else {
//                    // Fake data
//                    return false;
//                }
            }

            return check;
        },
        /**
         * Check this packge is a readonly mode or not
         * @returns {Boolean}
         */
        isReadOnlyMode: function (cb) {

            var check = true;

            for (var x = 0; x < Distribution.lDoc.length; x++) {

                if (this.isRemovedColumn(this.lDoc[x].id) === false) {
                    check = false;
                    return false;
                }
            }
            cb && cb(check);
        },
        updateStatus: function (x, y, status) {

            Distribution.get(x, y).status = status;
        }
    };

    /**
     * Show existing recipient list of a package
     * @returns {undefined}
     */
    function getRecipientList() {
        // Make sure renew this popup
        Modal.makeDTTable({
            type: 4,
            packageId: packageId,
            tableID: 'tblExistingRecipient'
        });
    }

    /**
     * Show exisitng document of a package
     * @param {type} method
     * @returns {undefined}
     */
    function getDocumentList(method) {
        // Make table
        Modal.makeDTTable({
            type: 2,
            packageId: packageId,
            tableID: 'tblExistingDocument',
            method: method
        });
    }

    /**
     * Show delete popup
     * @returns {undefined}
     */
    function showWarmingDeletePoup() {
        // Make modal
        Modal.showConfirmPopup({
            title: i18n.t('history.package.message.delete_package.title'),
            content: i18n.t('history.package.message.delete_package.content'),
            okCallback: fnDeletePackage
        });
    }

    /**
     * Make posted params for GetPackageDetail api
     * @param {type} packageId
     * @returns json
     */
    function makeRequestParam(packageId) {
        var post = {};

        post["SessionID"] = s.getSessionID();
        post["PackageID"] = packageId;
        if (UserSession.getAdminObject() !== null) {
            post["UserID"] = HoGoUtils.getParameter()['userID'];
        }
        return post;
    }

    /**
     * Create table for show list file on packge (Only for package view online only)
     * @returns {undefined}
     */
    function drawListFiles(listDocument) {

        if (listDocument.length > 0) {
            var tableRow = null;
            $.each(listDocument, function (i, value) {

                tableRow += '<tr class="doc-file"><td>' + value.title + '</td><td>' + '<img class="doc-header" style="display: inline-block;cursor: pointer;" src="Images/1.1/trash-black-icon.png" doc-id = ' + value.id + ' onclick = javascript:Package.removeDocument(this)>' + '</td></tr>';

            });
            $('table#tbl-files tbody').html(tableRow);
            $("#btn-hide").on('click', function () {
                $("#btn-hide").addClass('hid');
                $("#btn-show").removeClass('hid');
                $("#tbl-files").hide("blind");
            });
            $("#btn-show").on('click', function () {
                $("#btn-show").addClass('hid');
                $("#btn-hide").removeClass('hid');
                $("#tbl-files").show("blind");
            });
        }
    }

    /**
     * Create table for tracking view online (Using only for method create link)
     * @returns {undefined}
     */
    function drawOnlineView() {

        var postData = {};

        if (UserSession.getAdminObject() !== null) {
            postData = {SessionID: s.getSessionID(), PackageID: packageId, UserID: userId};
        } else {
            postData = {SessionID: s.getSessionID(), PackageID: packageId};
        }
        // Call api to get data
        $.post('api/v1/TrackViewOnlinePackage', postData, function (data) {

            if (data.status === 'OK') {

                if (data.list_online_view.length > 0) {

                    // Show table
                    $('.view-online-wrapper').removeClass('hid');

                    // Create data source for datatable
                    var dataSource = [];

                    $.each(data.list_online_view, function (i, value) {
                        var doc = Distribution.getDocumentDetail(value.document_id);
                        dataSource.push({title: doc.title, ip: value.ip_address, date: DateUtils.convertFullDate(value.viewed_date)});
                    });
                    // Create datatable
                    $('#tblViewOnline').dataTable({
                        "aaSorting": [[2, 'desc']],
                        "bInfo": false,
                        "bLengthChange": false,
                        "bPaginate": false,
                        "bDestroy": true,
                        "sPaginationType": "full_numbers",
                        "oLanguage": DTUtils.DTLang,
                        "sDom": '', //"sDom":'<"top"p<"clear">>',
                        "aaData": dataSource,
                        "aoColumnDefs": [
                            {'bSortable': false, 'aTargets': [1]}
                        ],
                        "fnRowCallback": function (nRow, aData) {
                            $("td:eq(0)", nRow).html('<div>' + aData.title + '</div>');
                        },
                        "fnDrawCallback": function (oSettings) {
//                            DTUtils.fnSetUpTableControl(oSettings);
                        },
                        "aoColumns": [
                            {"mDataProp": "title"},
                            {"mDataProp": "ip"},
                            {"mDataProp": "date"}
                        ]
                    });
                }
            }
        });
    }

    /**
     * Dispose package on view
     * @returns {jqXHR}
     */
    function drawPackage() {
        // Reset all variable
        documents = null;
        recipients = null;
        distributions = null;
        //Get package detail
        return $.ajax({
            url: 'api/v1/GetPackageDetail',
            type: 'POST',
            timeout: HoGoConst.APITimeout,
            data: makeRequestParam(packageId),
            dataType: "json",
            success: function (data) {

                HoGoUtils.disableButton('#btnUpdatePackage', {colorClass: 'green'});

                if (data.status === "OK") {

                    var pck_Content = data.detail;
                    // Notice: $.trim() => String. The difference between "==" and "===" is that "===" compares without $.trim method and "==" is otherwise
                    $.each(pck_Content, function (i, p) {

                        var printable = p.printable;
                        var folder = p.folder;
                        method = p.send_method;
                        var packageOption = p.package_option;
                        isSync = p.is_sync;
                        syncFolderId = p.sync_folder_id;
                        syncFolderName = p.sync_folder_name;
                        checkIsSync = p.is_sync;
                        // Show content
                        $('#contents').removeClass('hid');

                        // Dispose view
                        $('#packageId').text(i);
                        switch (method) {

                            case HoGoConst.WIZARD_DIRECT_SEND_TYPE:  //Direct Sent
                                $('.packageSpecifyLink,.packageCreateLink,.packageCreateLinkViewOnline').remove();
                                $('.packageDirectSend').removeClass('hid');
                                $('#addRepBtn').removeClass('hid');

                                var sendDate = new Date(p.create_date);
                                expiryDate = new Date(p.document_expiry_date);
                                localCopies = $.trim(p.local_copies);

                                $('#send_date').html(DateUtils.convertDate(sendDate));
                                // Unlimited
                                if (new Date(expiryDate).getFullYear() !== 9999) {
                                    $('#expiry_date').val(DateUtils.convertDate(expiryDate));
                                } else {
                                    expiryDate = "";
                                }
                                // Checkbox print
                                if (parseInt(printable) === 1) { // Allow print
                                    $('#cb_printable').prop('checked', true);
                                    $("[for='cb_printable']").text(i18n.t('history.package.label.allowed'));
                                } else {

                                    $('#cb_printable').prop('checked', false);
                                    $("[for='cb_printable']").removeClass('disabled');
                                }
                                // Folder
                                $("#folder").html(folder);
                                // Local copies
                                if (localCopies === -1) {
                                    localCopies = -1;
                                } else {
                                    $('.numberCopy').val(p.local_copies).selectmenu();
                                }
                                $('#usedPoint').html(p.used_point + ' ' + i18n.t('session.label.points'));
                                $('#btnExport, #tooltipExportRecipients').remove();

                                break;

                            case HoGoConst.WIZARD_CREATE_LINK_TYPE:
                            case HoGoConst.WIZARD_SPECIFY_LINK_TYPE:
                            case HoGoConst.WIZARD_ANONYMOUS_TYPE: // Create Link, Specific Link, Anonymous Link
                                if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {

                                    $('.packageSpecifyLink,.packageDirectSend').remove();
                                    if (parseInt(packageOption) !== 2) {
                                        $('.packageCreateLinkViewOnline').remove();
                                        $('.packageCreateLink').removeClass('hid');

                                    } else {
                                        $('.packageCreateLink').remove();
                                        $('.packageCreateLinkViewOnline').removeClass('hid');
                                        // Remove Distribution table (package view online only)
                                        $('.distribution-tbl').addClass('hid');
                                        // Show list files
                                        $("#files-list").removeClass('hid');
                                    }

                                    // Printable. In order to avoid duplicate for attribute, we must name them differently
                                    if (parseInt(printable) === 1) {

                                        $('#cbPrintableCreateLink').prop('checked', true);
                                    } else {
                                        $('#cbPrintableCreateLink').prop('checked', false);
                                    }
                                } else {
                                    $('.packageCreateLink,.packageDirectSend').remove();

                                    // Specific
                                    if (method === HoGoConst.WIZARD_SPECIFY_LINK_TYPE) {
                                        // control package option
                                        if (packageOption !== 2) {
                                            $('.packageSpecifyLink').removeClass('hid');
                                            // Remove list files 
                                            $("#files-list").remove();
                                        } else {
                                            $('.packageSpecifyLink').remove();
                                            $('.packageCreateLinkViewOnline').removeClass('hid');
                                            $("#files-list").removeClass('hid');
                                            $('#addRepBtn').removeClass('hid');
                                            $('.distribution-tbl').addClass('hid');
                                        }
                                    }
                                    // Printable
                                    if (parseInt(printable) === 1) {
                                        $('#cbPrintable').prop('checked', true);
                                        $("[for='cbPrintable']").text(i18n.t('history.package.label.allowed'));
                                    } else {
                                        $('#cbPrintable').prop('checked', false);
                                        $("[for='cbPrintable']").removeClass('disabled');
                                    }
                                    // Set package type 
                                    $('#packageType').text(i18n.t('history.event.create_link_specify_recipient'));
                                }
                                // Create link
                                if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
                                    downloadable = p.downloadable;
                                    // Download checkbox
                                    if (parseInt(downloadable) === 1) {
                                        $('#downloadCheckBox').prop('checked', true);
                                    } else {
                                        $('#downloadCheckBox').prop('checked', false);
                                    }
                                    // Local copies
                                    if (localCopies === -1) {
                                        localCopies = -1;
                                    } else {
                                        $('.numberCopy').val(p.local_copies).selectmenu();
                                    }
                                    // Set default value
                                    if (maxDownload === -1) {
                                        $("input#numberDownload").val(1);
                                    } else {
                                        // Number download
                                        $("#numberDownload").val(p.max_downloads);
                                    }

                                    // PDF view online checkbox
                                    if (parseInt(packageOption) !== 1) {
                                        $('#viewOnline').prop('checked', true);
                                        // Set package type
                                        $('#packageType').text(i18n.t('history.event.create_link_nondownload_type'));
                                    } else {
                                        $('#viewOnline').prop('checked', false);
                                        // Set package type
                                        $('#packageType').text(i18n.t('history.event.create_link_download_type'));
                                    }
                                }
                                // Specify
                                if (method === HoGoConst.WIZARD_SPECIFY_LINK_TYPE) {
                                    editable = p.editable;
                                    $('#navi-name').text('package detail');
                                    $('#navi-name').css("padding-bottom", "1px").css("line-height", "normal");
                                    // Set default value
                                    if (maxDownload === -1) {
                                        $("input#numberDownload").val(1);
                                    } else {
                                        // Number download
                                        $("#numberDownload").val(p.max_downloads);
                                    }
                                    $('#btnExport, #tooltipExportRecipients').remove();
                                }
                                // Anonymous
                                if (method === HoGoConst.WIZARD_ANONYMOUS_TYPE) {
                                    editable = p.editable;
                                    $('#navi-name').text('package detail');
                                    $('#navi-name').css("padding-bottom", "1px").css("line-height", "normal");
                                    // Remove add recipient
                                    $('#addRepBtn').remove();

                                    // Set default value
                                    if (maxDownload === -1) {
                                        $("input#numberDownload").val(1);
                                    } else {
                                        // Number download
                                        $("#numberDownload").val(p.max_downloads);
                                    }
                                    $('#packageType').text(i18n.t('history.event.create_link_anonymous'));
                                }
                                // Link
                                $("#fe_text").text(p.link_url);
                                // Folder
                                $("#folder").html(folder);
                                // Store value to check whether change value or not
                                maxDownload = $.trim(p.max_downloads);
                                downloaded = $.trim(p.downloaded);
                                linkExpiry = DateUtils.convertDate(p.link_expiry_date);
                                documentExpire = DateUtils.convertDate(p.document_expiry_date);
                                localCopies = $.trim(p.local_copies);
                                // Create date
                                $("#createDate").text(DateUtils.convertDate(p.create_date));
                                // Document Expiry Date  
                                $("#document_expiry_date").text(DateUtils.convertDate(p.document_expiry_date));
                                // Link Expiry Date
                                $("#link_expiry_date").text(DateUtils.convertDate(p.link_expiry_date));
                                // Check year 
                                if (new Date(p.link_expiry_date).getFullYear() !== 9999) {
                                    $("#linkExpiryDate").val(linkExpiry);
                                } else {
                                    linkExpiry = "";
                                }
                                if (new Date(p.document_expiry_date).getFullYear() !== 9999) {
                                    $("#documentExpiryDate").val(documentExpire);
                                } else {
                                    documentExpire = "";
                                }
                                // Password
                                $("#password").val(p.link_password);
                                // Points used
                                $('#usedPoint').html(p.used_point + ' ' + i18n.t('session.label.points'));
                                // Editable
                                if (p.editable !== undefined) {
                                    if (parseInt(p.editable) === 1) { // editable
                                        $('#editable').prop('checked', true);
                                        $("[for='editable']").text(i18n.t('history.package.label.allowed'));

                                    } else {
                                        $('#editable').prop('checked', false);
                                        $("[for='editable']").removeClass('disabled');
                                    }
                                }
                                break;
                        }

                        // Set ability for controls 
                        // Update state customInput
                        $('.ck').trigger('updateState');

                        // Spinner number download
                        $('#numberDownload').spinner({
                            'min': 1,
                            'max': 999,
                            'stop': function () {
                                updateButtonStatusAfterChangedPackage();
                            }
                        });

                        // Flash object
//                        HoGoUtils.copyLink('#d_clip_button');
                        // Check status of this package
                        if (parseInt(p.status) !== HoGoConst.ACTIVE_STATUS) {
                            // Redirect to parent page
                            // window.location.href = 'History';
//                            Modal.showAlert({
//                                title: i18n.t('history.package.message.package_deleted.title'),
//                                content: i18n.t('history.package.message.package_deleted.content')
//                            });
                            // Deleted
                            $('.warning-notify').text(i18n.t('history.package.message.package_deleted.content'));

                            // Disable all control
                            $('#tblInfo').find('select,input').each(function (i, item) {
                                var _this = $(item);
                                var tag = _this.prop('tagName').toLowerCase();
                                if (tag === 'select') {
                                    _this.selectmenu('disable');
                                } else {
                                    if (tag === 'input' && _this.hasClass('datepicker')) {
                                        _this.datepicker('destroy');
                                    }
                                }
                            });
                            // Remove
                            $(".ui-spinner input").spinner("disable");
                            $(".ui-state-disabled").css("opacity", 1);
                            $('.info2, .info').find('input').attr('disabled', 'disabled');
                            $('#distributionWrapper').remove();
                            setupReadonlyMode();
                        }
                    });
                } else {
                    fnSessionTimeout(data, null);
                    $('.warning-notify').text(i18n.t('error.unknown'));
                }
            }
        });
    }

    /**
     * Draw distribution on view
     * @param {object} distributions : Distribution obj from API
     * @param {object} documents : Document obj from API
     * @param {object} recipients : Recipient obj from API
     */
    function drawDistribution(distributions, documents, recipients) {

        // Begin draw view online (This is only for fdf file)
        drawOnlineView();
        drawListFiles(documents);
        // Display button export
        if (method === HoGoConst.WIZARD_ANONYMOUS_TYPE) {
            if (recipients.length > 0)
                $('.export').removeClass('hid');
        }

        // Reset distribution
        Distribution.reset();

        // Clear view first
        $('table#dis1 tbody tr').remove();
        $('table#dis2 tr').remove();
        $('table#dis2 th').remove();

        // Init distribution list
        Distribution.init(documents, recipients, distributions);

        // Check whether package is readonly or not
        var readonlyMode;
        Distribution.isReadOnlyMode(function (check) {
            readonlyMode = check;
            if (readonlyMode) {
                setupReadonlyMode();
            }
        });
        // Check whether admin is logging or not
        var isAdminLogged = (UserSession.getAdminObject() !== null) ? true : false;

//        if (readonlyMode) {
//            setupReadonlyMode();
//        }

        // Draw documents header 
        $.each(documents, function (k, v) {

            // check document contain waiting distribution
            var currentDocId = v.id;
            var docDis = _.get(distributions, currentDocId);
            var isWaiting = false;
            _.forEach(docDis, function (d) {
                if (d.status === 4) {
                    isWaiting = true;
                }
            });
            if (v.status === HoGoConst.ACTIVE_STATUS) {
                if (!isWaiting) {
                    if (UserSession.getAdminObject() === null) {
                        $('#dis2>thead').append('<th><div><a href=MyDocumentDetail?documentId=' + v.id + '><span title="' + v.title + '">' + v.title + '</span></a><img class="doc-header" style="display: inline-block;" src="Images/1.1/trash-black-icon.png" doc-id = ' + v.id + ' onclick = javascript:Package.removeDocument(this)></div></th>');
                    } else {
                        $('#dis2>thead').append('<th><div><a href=MyDocumentDetailAdmin?documentId=' + v.id + "&userID=" + HoGoUtils.getParameter()["userID"] + '><span title="' + v.title + '">' + v.title + '</span></a><img class="doc-header" style="display: inline-block;" src="Images/1.1/trash-black-icon.png" doc-id = ' + v.id + ' onclick = javascript:Package.removeDocument(this)></div></th>');
                    }
                } else {
                    if (UserSession.getAdminObject() === null) {
                        $('#dis2>thead').append('<th><div><a href=MyDocumentDetail?documentId=' + v.id + '><span title="' + v.title + '">' + v.title + '</span></div></th>');
                    } else {
                        $('#dis2>thead').append('<th><div><a href=MyDocumentDetail?documentId=' + v.id + "&userID=" + HoGoUtils.getParameter()["userID"] + '><span title="' + v.title + '">' + v.title + '</span></div></th>');
                    }
                }
            } else {
                $('#dis2>thead').append('<th><div><span title="' + v.title + '">' + v.title + '</span></div></th>');
            }

        });

        // Draw recipients header
        $.each(recipients, function (k, v) {
            var nTR = "";

            if (k % 2 === 0) {
                nTR = nTR + '<tr class= "even">';
            } else {
                nTR = nTR + '<tr class= "odd">';
            }
            if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
                nTR = nTR + '<td><div><span style="color: #5B5B5B" id=' + v.id + '>' + v.name + '</span></div></td></tr>';
            } else {

                if (v.status === HoGoConst.ACTIVE_STATUS) {
                    var isWaiting = false;
                    _.forEach(distributions, function (d) {
                        var currentRep = v.id;
                        var repDis = _.get(d, currentRep);
                        if (repDis.status === 4)
                            isWaiting = true;
                    });
                    if (v.name === "New Recipient" || v.name === "Download Recipient" || v.name === "Recipient New") { //Anonymous Link

                        if (!isWaiting) {
                            if (UserSession.getAdminObject() === null) {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetail?repid=' + v.id + '>' + v.email + '</a><img src="Images/1.1/trash-black-icon.png" class="rep-header" rep-id = ' + v.id + ' onclick = javascript:Package.removeRecipient(this)></div></td></tr>';
                            } else {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetailAdmin?repid=' + v.id + "&userID=" + HoGoUtils.getParameter()["userID"] + '>' + v.email + '</a><img src="Images/1.1/trash-black-icon.png" class="rep-header" rep-id = ' + v.id + ' onclick = javascript:Package.removeRecipient(this)></div></td></tr>';
                            }
                        } else {
                            if (UserSession.getAdminObject() === null) {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetail?repid=' + v.id + '>' + v.email + '</a></div></td></tr>';
                            } else {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetailAdmin?repid=' + v.id + "&userID=" + HoGoUtils.getParameter()["userID"] + '>' + v.email + '</a></div></td></tr>';
                            }
                        }
                    } else {

                        var name = (i18n.lng() === "ja") ? v.name_ja : v.name;
                        if (!isWaiting) {
                            if (UserSession.getAdminObject() === null) {

                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetail?repid=' + v.id + '>' + name + '</a><img src="Images/1.1/trash-black-icon.png" class="rep-header" rep-id = ' + v.id + ' onclick = javascript:Package.removeRecipient(this)></div></td></tr>';
                            } else {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetailAdmin?repid=' + v.id + "&userID=" + HoGoUtils.getParameter()["userID"] + '>' + name + '</a><img src="Images/1.1/trash-black-icon.png" class="rep-header" rep-id = ' + v.id + ' onclick = javascript:Package.removeRecipient(this)></div></td></tr>';
                            }
                        } else {
                            if (UserSession.getAdminObject() === null) {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetail?repid=' + v.id + '>' + name + '</a></div></td></tr>';
                            } else {
                                nTR = nTR + '<td><div><a style="float:left" class="mark-content-link" href=RecipientDetailAdmin?repid=' + v.id + "&userID=" + HoGoUtils.getParameter()["userID"] + '>' + name + '</a></div></td></tr>';
                            }
                        }
                    }
                } else {
                    // Has been removed 
                    nTR = nTR + '<td><div><span>' + v.email + '</span></div></td></tr>';
                }
//                }
            }
            $('#dis1>tbody').append(nTR);
        });

        // We have to separate Direct Send, Zero with Create Link to draw distribution

        // There's recipients
        if (recipients.length > 0) {

            // Draw distribution
            for (var i = 0; i < recipients.length; i++) {
                var nTR = "";

                if (i % 2 === 0) {
                    nTR = nTR + '<tr class= "even">';
                } else {
                    nTR = nTR + '<tr class= "odd">';
                }

                //Count number removed 
                var iRemoved = 0;

                var requests = [],
                        listDist = [];

                for (var j = 0; j < documents.length; j++) {

                    // Getting status of document
                    var docIsRemoved = Distribution.isRemovedColumn(documents[j].id),
                            dis = Distribution.find(documents[j].id, recipients[i].id);
                    s
                    if (typeof dis === 'undefined') {
                        // Create fake data
                        if (docIsRemoved) {
                            dis = Distribution.createFakeDis(2); // Removed
                        } else {
                            dis = Distribution.createFakeDis(1); // Active
                        }
                    }

                    // Check open or not & not admin's view
                    if (typeof dis !== 'undefined' && dis.opened_status === 0 && isAdminLogged === false) {

                        // Valid DownloadID
                        if (dis.be_download_id !== null && dis.be_download_id.length === 32) {

                            //
                            // Checking time opened here
                            // Put as queue
                            // Only check status for protect document
                            if (parseInt(dis.is_encrypt) === 1) {
                                var req = $.ajax({
                                    type: 'POST',
                                    url: 'api/v1/GetDistributionStatus',
                                    data: {SessionID: UserSession.getSessionID(), DownloadID: dis.be_download_id, UserID: HoGoUtils.getParameter()["userID"]}
                                });

                                requests.push(req);
                                listDist.push(dis);
                            }
                        }
                    }

                    // Check distribution object
                    if (dis) {
                        console.log(dis.status);
                        switch (dis.status) {
                            case 1: // Active

                                var emailClass = 'email';
                                var con = '';
                                // Invalid download ID
                                if (dis.be_download_id === null || dis.be_download_id.length !== 32) { // No access code
                                    switch (dis.be_download_id) {

                                        case HoGoConst.DISTRIBUTION_WAIT_DOWNLOAD_ID: // Waiting
                                            con = '<td>' +
                                                    '<div class="dis-wrapper">' +
                                                    '<img src="Images/icon/one_pixel.gif" class="status tooltip waiting" data-hg="[title]history.package.tooltip.hint_refresh" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' valid="true" flag="false">' +
                                                    '</div>' +
                                                    '</td>';
                                            break;

                                        case HoGoConst.DISTRIBUTION_DOWNLOAD_ID_ERROR: // Error distribution

                                            // We should allow user re-active their distribution
                                            con = '<td>' +
                                                    '<div class="dis-wrapper">' +
                                                    '<img src="Images/icon/one_pixel.gif" class="status error-dl-id" data-hg="[title]history.package.tooltip.error" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' valid="true" flag="false">' +
                                                    '<a class="dis-expand reactive-dl-id" data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                                    '</div>' +
                                                    '</td>';
                                            break;

                                        default:
                                            if (parseInt(dis.is_encrypt) === 1) {
                                                console.log(dis.num_of_download);
                                                con = '<td>' +
                                                        '<div class="dis-wrapper">' +
                                                        '<img src="Images/icon/one_pixel.gif" class="status" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' valid="true" flag="false">' +
                                                        '<label class="dl-time" title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                        '</div>' +
                                                        '</td>';
                                            } else {
                                                con = '<td>' +
                                                        '<div class="dis-wrapper">' +
                                                        '</div>' +
                                                        '</td>';
                                            }
                                            break;
                                    }

                                } else {
                                    // Open
                                    if (parseInt(dis.opened_status) === 1) {
                                        emailClass = 'email-open';
                                    }
                                    if (method === HoGoConst.WIZARD_ANONYMOUS_TYPE) { // 4
                                        if (parseInt(dis.is_encrypt) === 1) {
                                            con = '<td>' +
                                                    '<div class="dis-wrapper"><img src="Images/icon/one_pixel.gif" class="status ' + emailClass + '" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' dl-id=' + dis.be_download_id + ' valid = "false" flag = "false">' +
                                                    '<label class="dl-time" title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                    '<a class="dis-expand" status=' + dis.status + ' data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                                    '</div>' +
                                                    '</td>';
                                        } else {
                                            con = '<td>' +
                                                    '<div class="dis-wrapper">' +
                                                    '<label class="my-icon-dis" title="Non Protected"><i class="fa fa-unlock-alt fa-lg"></i></label>' +
                                                    '<label class="dl-time" title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                    '</div>' +
                                                    '</td>';
                                        }

                                    } else {
                                        if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
                                            if (parseInt(dis.is_encrypt) === 1) {
                                                con = '<td>' +
                                                        '<div class="dis-wrapper">' +
                                                        '<img src="Images/icon/one_pixel.gif" class="status ' + emailClass + '" rep-id=' + recipients[i].id + ' real-id=' + dis.real_id + ' doc-id = ' + documents[j].id + ' dl-id=' + dis.be_download_id + ' valid = "false" flag = "false">' +
                                                        '<a class="dis-expand" status=' + dis.status + ' data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                                        '</div>' +
                                                        '</td>'; // Notice escape char '
                                            } else {
                                                con = '<td>' +
                                                        '<div class="dis-wrapper">' +
                                                        '<label class="my-icon-dis" title="Non Protected"><i class="fa fa-unlock-alt fa-lg"></i></label>' +
                                                        '</div>' +
                                                        '</td>'; // Notice escape char '
                                            }
                                        } else {
                                            // Remove
                                            delete dis.real_id;
                                            if (parseInt(dis.is_encrypt) === 1) {
//                                                console.log(documents[j]);
                                                if (documents[j].type === 6) {
                                                    console.log("no protect");
                                                    con = '<td>' +
                                                            '<div class="dis-wrapper"><img src="Images/ui/lock-24.png">' +
                                                            '<label class="dl-time hide" title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                            '</div>' +
                                                            '</td>';
                                                } else {
                                                    console.log("check is sync : " + checkIsSync);
                                                    if (checkIsSync === 1) {
                                                        con = '<td>' +
                                                                '<div class="dis-wrapper">' +
                                                                '<img src="Images/icon/one_pixel.gif" class="status ' + emailClass + '" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' dl-id=' + dis.be_download_id + ' valid = "false" flag = "false">' +
//                                                            '<label class="dl-time " title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                                '<a class="dis-expand" status=' + dis.status + ' data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                                                '</div>' +
                                                                '</td>';
                                                    } else {
                                                        con = '<td>' +
                                                                '<div class="dis-wrapper">' +
                                                                '<img src="Images/icon/one_pixel.gif" class="status ' + emailClass + '" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' dl-id=' + dis.be_download_id + ' valid = "false" flag = "false">' +
                                                                '<label class="dl-time " title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                                '<a class="dis-expand" status=' + dis.status + ' data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                                                '</div>' +
                                                                '</td>';
                                                    }
                                                }
                                            } else {

                                                con = '<td>' +
                                                        '<div class="dis-wrapper">' +
                                                        '<label class="my-icon-dis" title="Non Protected"><i class="fa fa-unlock-alt fa-lg"></i></label>' +
                                                        '<label class="dl-time hide " title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                                        '</div>' +
                                                        '</td>';
                                            }
                                        }
                                    }
                                }
                                nTR = nTR + con;
                                break;

                            case 2: // Removed
                                if (method === HoGoConst.WIZARD_ANONYMOUS_TYPE) { // 4
                                    nTR = nTR + '<td class="removed"><img class="unclickable" src="Images/1.1/revoke.png"></td>';
                                } else {
                                    nTR = nTR + '<td class="removed"><img class="unclickable" src="Images/1.1/revoke.png"></td>';
                                }
                                iRemoved++;
                                break;

                            case 3: // De-active
                                if (method === HoGoConst.WIZARD_ANONYMOUS_TYPE) { // 4
                                    nTR = nTR + '<td class="deactive">' +
                                            '<div class="dis-wrapper"><img src="Images/icon/one_pixel.gif" class="status revoked" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' dl-id=' + dis.be_download_id + ' valid = "true" flag = "true">' +
                                            '<label title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                            '<a class="dis-expand" status=' + dis.status + ' data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                            '</div>' +
                                            '</td>';
                                } else {
                                    nTR = nTR + '<td class="deactive">' +
                                            '<div class="dis-wrapper">' +
                                            '<img src="Images/icon/one_pixel.gif" class="status revoked" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' dl-id=' + dis.be_download_id + ' valid = "true" flag = "true">' +
                                            '<label class="dl-time hide" title = "Downloaded ' + dis.num_of_download + ' times">' + dis.num_of_download + '</label>' +
                                            '<a class="dis-expand" status=' + dis.status + ' data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                            '</div>' +
                                            '</td>';
                                }
                                break;

                            case 4:
                                // Waiting
                                var con = '<td>' +
                                        '<div class="dis-wrapper">' +
                                        '<img src="Images/icon/one_pixel.gif" class="status tooltip waiting" data-hg="[title]history.package.tooltip.hint_refresh" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' valid="true" flag="false">' +
                                        '</div>' +
                                        '</td>';
                                nTR = nTR + con;
                                break;

                            case 5:
                                // Error

                                var con = '<td>' +
                                        '<div class="dis-wrapper">' +
                                        '<img src="Images/icon/one_pixel.gif" class="status error-dl-id" data-hg="[title]history.package.tooltip.error" rep-id=' + recipients[i].id + ' doc-id = ' + documents[j].id + ' valid="true" flag="true">' +
                                        '<a class="dis-expand reactive-dl-id" data-dis=\'' + JSON.stringify(dis) + '\'></a>' +
                                        '</div>' +
                                        '</td>';
                                nTR = nTR + con;
                                break;
                        }
                    }
                }

                $.when(requests).done(function (array) {

                    $.each(array, function (i, dfd) {

                        var dis = listDist[i];
                        dfd.done(function (data) {
                            if (data.status === "OK") {
                                if (data.open === 'true') {
                                    var disImg = $('.distribution').find('img[dl-id=' + dis.be_download_id + ']');

                                    disImg.removeClass('email').addClass('email-open');

                                    // Update distribution on tootip
                                    var tt = $(disImg).parents('.dis-wrapper').find('.tooltipstered');
                                    var disObj = JSON.parse(tt.attr('data-dis'));
                                    // Update content
                                    disObj['opened_date'] = data.open_date;
                                    disObj['opened_status'] = (data.open === 'true') ? 1 : 0;
                                    // Remove invisible state if it's in this state
                                    tt.removeClass('invisible');
//                                    console.log("dfghjk");
                                    // Update recipient info // Using only create link
                                    if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
                                        // New attribute
                                        disObj['real_id'] = data.recipient_id;
                                        disImg.attr('real-id', data.recipient_id);
                                        // Set real id using for revoke
                                        var anonymousID = disObj.id;
                                        $('.distribution').find('#' + anonymousID).text(data.email);
                                    }
                                    // Other methods                                                                                       
                                    tt.attr('data-dis', JSON.stringify(disObj));

                                }
                            }
                        });
                    });
                });

                nTR = nTR + '</tr>';

                // Remove one 1 row
                if (iRemoved === documents.length) {
                    var tr = $('table#dis1').find('tr').eq(i + 1);
                    tr.addClass("removed");
                    tr.find('img').removeAttr('onclick').addClass('unclickable');
                }
                // Append to table
                $('#dis2>tbody').append(nTR);

                // At the last line
                if (i === recipients.length - 1) {
                    $('table#dis2 th div').each(function (k, v) {

                        var docID = $(v).find('.doc-header').attr('doc-id');

                        // Removed column
                        if (Distribution.isRemovedColumn(docID)) {

                            $(v).closest('th').addClass('removed').find('img').removeAttr('onclick').addClass('unclickable');

                        } else {
//                            console.log(v);

                            // Add header number download
                            if (method === HoGoConst.WIZARD_ANONYMOUS_TYPE || HoGoConst.WIZARD_SPECIFY_LINK_TYPE) { // 4
                                var n = 0;
                                $('table#dis2 tbody tr td:nth-child(' + (k + 1) + ')').each(function (k, v) {
                                    var dE = $(v).find('.dl-time');
                                    if (dE.length > 0) {
                                        switch (method) {
                                            case HoGoConst.WIZARD_ANONYMOUS_TYPE:
                                                n = n + parseInt(dE.text());
                                                break;
                                            case HoGoConst.WIZARD_SPECIFY_LINK_TYPE:
                                                n = parseInt(dE.text()); // Caution
                                                break;
                                            default:
                                                break;
                                        }
                                    }
                                });

                                var textDownoad = i18n.t('history.package.distribution.downloaded');
                                console.log(checkIsSync);
                                if (checkIsSync === 0) {
                                    $(this).append('<div class="number-download">' + textDownoad + ' ' + n + ' )</div>');
                                    $(this).find('img').css("margin-top", 10);
                                } else {
                                    $(this).find('img');// #Remove
                                }
                            }
                        }
                    });
                }
            }
        } else {
            // In case, create link distribution has no recipient - We display anonymous user (But just one row)
            $('table#dis2 th').each(function (k, v) {

                var docID = $(v).find('.doc-header').attr('doc-id');
                // Check whether column is removed or not
                if (Distribution.isRemovedColumn(docID)) {
                    $(v).addClass('removed').find('img').removeAttr('onclick').addClass('unclickable');
                }
            });
            // Get i18n lang
            var t = i18n.t('history.package.distribution.table.no_record');

            $('table#dis1').append("<tr><td>&nbsp;</td></tr>");
            $('table#dis2').append("<tr><td>" + t + "</td></tr>");
        }

        //
        // Display list with animation & remove loader 
        //
        var disWrapper = $('#distributionWrapper');
        disWrapper.removeClass('hid').css('display', 'none').fadeIn('slow');
        $('#wrapperLoading').hide();

        // Tooltip text
        var openedT = i18n.t('history.package.label.opened_time'),
                activeT = i18n.t('history.package.label.active'),
                deactiveT = i18n.t('history.package.label.deactive'),
                locationT = i18n.t('history.package.label.opened_location');


        // Create options with tooltipster

        if (!readonlyMode)
            $('.dis-expand').each(function (i, item) {
                $(item).tooltipster({
                    arrow: false,
                    interactive: true,
                    minWidth: 120,
                    content: "",
                    theme: 'distribution-menu',
                    offsetY: -10,
                    offsetX: -5,
                    position: 'bottom-right',
                    functionInit: function (origin) {
                        // First time init tt
                        // Remove tooltip if method CreateLink & not opened time
                        var dis = JSON.parse(origin.attr('data-dis'));
                        // Admin's visual
//                        if (isAdminLogged) {
//                            // Create dynamic content
//                            if (parseInt(dis.opened_status) === 0) {
//                                // Hide tooltip
////                                $(origin).addClass('invisible');
//                            }
//                        } else { // User's view

                        if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
                            if (parseInt(dis.opened_status) === 0) {
                                // Hide tooltip
                                $(origin).addClass('invisible');
                            }
                        }
//                        }
                    },
                    functionBefore: function (origin, continueTooltip) {

                        // Get distribution object
                        var dis = JSON.parse(origin.attr('data-dis'));

                        // Find IMG
                        var wp = $(origin).parents('.dis-wrapper').find('.status');

                        // Admin's view
//                        if (isAdminLogged) {
//                            // View only item which has opened time
//                            if (parseInt(dis.opened_status) === 1) { // Opened
//                                var newContent = '<ul class="dis-menu"><li class="opened-time-opt"><a>' + openedT + '</a></li></ul>';
//                                origin.tooltipster('content', $(newContent));
//                            }
//                        } else {

                        // User's view
                        // New content for tooltip
                        var newContent;

                        var openHtml = '<li cmd="open" class="opened-time-opt"><a>' + openedT + '</a></li>',
                                revokeHtml = '<li cmd="active" class="revoke-opt"><a>' + deactiveT + '</a></li>',
                                activeHtml = '<li cmd="revoke" class="revoke-opt"><a>' + activeT + '</a></li>',
                                resendHtml = '<li cmd="resend" class="resend"><a>Re-send</a></li>',
                                locationHtml = '<li cmd="location" class="revoke-opt"><a>' + locationT + '</a></li>';

                        if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {
                            // Not have opened time
                            if (parseInt(dis.opened_status) === 0) {
                                newContent = '<ul class="dis-menu"><li class="ui-state-disabled opened-time-opt"><a>' + openedT + '</a></li></ul>';
                                // Set new content
                                origin.tooltipster('content', $(newContent));
                            } else {
                                if (dis.status === 1) {

                                    // Disable opened time
                                    if (parseInt(dis.number_open) > 0) {
                                        newContent = '<ul class="dis-menu">' + openHtml + revokeHtml + locationHtml + '</ul>';
                                    } else {
                                        newContent = '<ul class="dis-menu">' + openHtml + revokeHtml + '</ul>';
                                    }
                                    // Revoked
                                    if (wp.hasClass('revoked')) {
                                        newContent = '<ul class="dis-menu">' + openHtml + activeHtml + '</a></li></ul>';
                                    }
                                } else {
                                    // Deactive or remove have no option
                                    newContent = '<ul class="dis-menu">' + openHtml + locationHtml + '</ul>';
                                }
                            }
                        } else {

                            // Others method not Create Link
                            if (parseInt(dis.opened_status) === 0) {
                                // Disable opened time
                                newContent = '<ul class="dis-menu">' + revokeHtml + '</ul>';
//                                 newContent = '<ul class="dis-menu">' + openHtml + revokeHtml + locationHtml + '</ul>';;
                                // Revoked
                                if (wp.hasClass('revoked')) {
                                    newContent = '<ul class="dis-menu">' + activeHtml + '</ul>';
                                }

                            } else {
                                if (parseInt(dis.number_open) > 0) {
                                    newContent = '<ul class="dis-menu">' + openHtml + revokeHtml + locationHtml + '</a></li></ul>';
                                } else {
                                    newContent = '<ul class="dis-menu">' + openHtml + revokeHtml + '</a></li></ul>';
                                }
                                // Revoked
                                if (wp.hasClass('revoked')) {
                                    if (parseInt(dis.number_open) > 0) {
                                        newContent = '<ul class="dis-menu">' + openHtml + activeHtml + locationHtml + '</ul>';
                                    } else {
                                        newContent = '<ul class="dis-menu">' + openHtml + activeHtml + '</ul>';
                                    }
                                }
                            }
                        }
//                        }
                        // Provide re-send method if any error
                        if (dis.status === 5) {
                            newContent = '<ul class="dis-menu">' + resendHtml + '</ul>';
                        }
                        // CHeck content
                        if (newContent) {
                            // Set new content
                            origin.tooltipster('content', $(newContent));
                        }
                        // Continue
                        continueTooltip();
                    },
                    functionReady: function (origin, tooltip) {

                        // Manage new content here. Here's the combination between tooltipster & UI menu
                        $(tooltip).find('.dis-menu').menu({
                            select: function (event, ui) {
                                // Get distribution value
                                // Add feature Google Map tracking
                                var dis = JSON.parse(origin.attr('data-dis'));
                                var location = dis.location;

                                var item = ui.item, cmd = item.attr('cmd');

                                var disImg = $(origin).parents('.dis-wrapper').find('img.status');

                                switch (cmd) {

                                    case 'open':
                                        // Show opened time
                                        if (parseInt(dis.number_open) > 0) {
                                            Modal.showAlert({
                                                title: i18n.t('history.package.message.opened_time.title'), // lang
                                                content: "<div class='row form-group'>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + i18n.t('history.package.modal.first_open') + "</span>" // lang
                                                        + "</div>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + dis.first_open_time + "</span>"
                                                        + "</div>"
                                                        + "</div>"
                                                        + "<div class='row form-group'>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + i18n.t('history.package.modal.last_open') + "</span>" // lang
                                                        + "</div>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + dis.last_open_time + "</span>"
                                                        + "</div>"
                                                        + "</div>"
                                                        + "<div class='row form-group'>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + i18n.t('history.package.modal.total_open') + "</span>" // lang
                                                        + "</div>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class='badge'>" + dis.number_open + "</span>"
                                                        + "</div>"
                                                        + "</div>"
                                            });
                                        } else {
                                            Modal.showAlert({
                                                title: i18n.t('history.package.message.opened_time.title'),
                                                content: "<div class='row form-group'>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + i18n.t('history.package.modal.last_open') + "</span>" // lang
                                                        + "</div>"
                                                        + "<div class='col-xs-4'>"
                                                        + "<span class=''>" + dis.opened_date + "</span>"
                                                        + "</div>"
                                                        + "</div>"
                                            });
                                        }
                                        break;

                                    case 'revoke':
                                    case 'active':
                                        // Update new content
                                        $(origin).tooltipster('hide');

                                        // Do change distribution status
                                        Package.changeDistributionStatus(disImg.get(0));
                                        break;

                                    case 'resend':
                                        // Resend
                                        $(origin).tooltipster('hide');

                                        Package.changeDistributionStatus(disImg.get(0));
                                        // Invisible
                                        $(origin).addClass('invisible');

                                        break;
                                    case 'location':
                                        if (parseInt(dis.number_open) > 0) {
                                            Modal.showAlert({
                                                title: i18n.t('history.package.message.opened_location.title'),
                                                content:
                                                        '<div id="map_canvas" class="map_canvas_modal"></div>'

                                            });
                                            // Display last open location 
                                            GoogleMap.loadLastLocation({
                                                latitute: dis.last_location_latitude,
                                                longitute: dis.last_location_longitude,
                                                last_open_date: dis.last_open_time
                                            });
                                        } else {
//                                            console.log('2222');
                                            Modal.showAlert({
                                                title: i18n.t('history.package.message.opened_time.title'),
                                                content: i18n.t('history.package.message.opened_time.content')
                                            });

                                        }
                                        break;
                                }
                            }
                        }); // menu UI
                    }
                });
            });

        // Set up view for list files table 
        $('table#tbl-files .doc-file').each(function (i, v) {

            var docID = $(v).find('.doc-header').attr('doc-id');

            if (Distribution.isRemovedColumn(docID)) {
                $(v).addClass('removed').find('img').removeAttr('onclick').addClass('unclickable').css('cursor', 'default');
            }
        });

        //
        // Re-init some plugin need to refresh for new dynamic elements
        // Translate content again
        //
        disWrapper.i18n();
        HoGoObjects.initDefaultTooltip();

    }

    /**
     * Setup controls up to read-only status of package
     * @returns {undefined}
     */
    function setupReadonlyMode() {
//        console.log("remove package in package detail");
        // Remove all event action such as {Save/Add Document...} to this package
        // Add bg overlay
        $('<div class="readonly-bg-overlay" />').appendTo('#validation');
        // Remove some buttons
        $('#btnUpdatePackage').remove();

        $('.wrap-control-field').find('.btn').each(function (i, btn) {
            $(btn).remove();
        });

        // Update header text to Read-only mode
        $('.warning-notify').removeClass('hid');
    }

    /**
     * Remove recipient from distribution
     * @param {object} itself : The <IMG> obj contains recipient
     */
    function removeRecipient(itself) {

        var _this = $(itself).removeAttr('onclick').css('cursor', 'default'); // Cannot revoke again

        var repID = $(itself).attr('rep-id');

        // check listUpdateDis and add itself
        removeDistributionNode(listUpdatedDis, null, repID);

        if (!HoGoUtils.checkNodeExisted(listUpdatedDis, itself)) {
            listUpdatedDis.push(itself);
        }

        // Draw distribution when remove recipient
        _this.closest('tr').find('td').addClass('removed').removeAttr('onclick').addClass('unclickable');

        var disRepList = [];
        // Get row
        disRepList = getDistributionOfRecipient(repID);

        // Remove one row
        $.each(disRepList, function (i, v) {
            var td = $(v).closest('td');
            // Remove td
            td.attr('class', '').addClass('removed').find('img').removeAttr('onclick').attr('class', '').addClass('revoked unclickable');
            // Remove download label
            td.find('.dl-time').remove();
            // Remove tooltip
            td.find('.dis-expand').remove();
        });
        // Update status SAVE button
        updateButtonStatusAfterChangedPackage();
    }

    /**
     * Remove document from distribution
     * @param {object} itself : The <IMG> obj contains document
     */
    function removeDocument(itself) {

        var _this = $(itself).removeAttr('onclick').css('cursor', 'default'); // Cannot revoke again;
        var docID = $(itself).attr('doc-id');
        // Check listUpdateDis and add itself
        removeDistributionNode(listUpdatedDis, docID, null);
        // Check node exist or not
        if (!HoGoUtils.checkNodeExisted(listUpdatedDis, itself)) {
            listUpdatedDis.push(itself);
        }

        // Draw distribution when remove document
        _this.closest('th').addClass('removed').removeAttr('onclick');
        _this.closest('tr').addClass('removed').find('img').removeAttr('onclick').addClass('unclickable').css('cursor', 'default');
        ;

        var disDocList = [];

        // Get TD
        disDocList = getDistributionOfDocument(docID);
        // Each TD 
        $.each(disDocList, function (i, v) {
            //  Add class removed
            var td = $(v).closest('td');
            td.attr('class', '').addClass('removed').find('img').removeAttr('onclick').attr('class', '').addClass('revoked unclickable');
            // Remove download label
            td.find('.dl-time').remove();
            // Remove tooltips
            td.find('.dis-expand').remove();
        });

        // Get all delete images for list files

//        $(v)


        // Update status SAVE button
        updateButtonStatusAfterChangedPackage();

    }

    /**
     * Remove distribution node belong to removed document or removed recipient
     * @param {type} listNode
     * @param {type} docID
     * @param {type} repID
     * @returns {undefined}
     */
    function removeDistributionNode(listNode, docID, repID) {
        if (docID !== '' && docID !== null) {
            for (var i = 0; i < listNode.length; i++) {
                if ($(listNode[i]).attr('doc-id') === docID) {
                    listNode.splice(i, 1);
                    i--;
                }
            }
        } else {
            if (repID !== '' && repID !== null) {
                for (var i = 0; i < listNode.length; i++) {
                    if ($(listNode[i]).attr('rep-id') === repID) {
                        listNode.splice(i, 1);
                        i--;
                    }
                }
            }
        }
    }

    /**
     * Get distribution list of a document
     * @param {type} docID
     * @returns {Array}
     */
    function getDistributionOfDocument(docID) {

        var disDocumentNodeList = [];

        var distributionNodeList = [];

        distributionNodeList = $('#dis2 tbody').find('img').not('.unclickable');

        $.each(distributionNodeList, function (index, v) {
            if ($(v).attr('doc-id') === docID) {
                disDocumentNodeList.push(v);
            }
        });
        return disDocumentNodeList;
    }

    /**
     * Get distribution list of a recipient
     * @param {type} repID
     * @returns {Array}
     */
    function getDistributionOfRecipient(repID) {

        var disRecipientNodeList = [];

        var distributionNodeList = [];

        distributionNodeList = $('#dis2 tbody').find('img').not('.unclickable');

        $.each(distributionNodeList, function (index, v) {

            if ($(v).attr('rep-id') === repID) {
                disRecipientNodeList.push(v);
            }
        });
        return disRecipientNodeList;
    }

    /**
     * Change distribution status
     * @param {object} itself The <IMG> obj contains info about a distribution
     */
    function changeDistributionStatus(itself) {

        var _this = $(itself);

        // check distribution status
        if (!HoGoUtils.checkNodeExisted(listUpdatedDis, itself)) {
            // Push node
            listUpdatedDis.push(itself);
        } else
        if (HoGoUtils.checkNodeExisted(listUpdatedDis, itself)) {
            // Remove
            listUpdatedDis.splice(listUpdatedDis.indexOf(itself), 1);
        }

        if (_this.attr('flag') === 'true') {

            _this.attr('flag', 'false');

            _this.addClass('email').removeClass('revoked');
        } else if (_this.attr('flag') === 'false') {

            _this.attr('flag', 'true');

            _this.addClass('revoked').removeClass('email');
        }

        // Watch buttons status
        updateButtonStatusAfterChangedPackage();

//        if (typeof console !== 'undefined')
//            console.log(listUpdatedDis);
    }

    /**
     * Update state for some elements before saving package or distribution
     * @returns {undefined}
     */
    function updateStateBeforeSaving() {

        // Append if update distribution only
        if ($('body').find('.hogo-bg-overlay-action').length === 0) {
            $('<div class="hogo-bg-overlay-action"/>').appendTo('#contents');
        }
        // Append loader
        $("#validation .loader").show('fast');

        HoGoUtils.disableButton('#btnUpdatePackage', {
            colorClass: 'green'
        });
    }

    //
    // Group checked distribution
    //
    function groupCheckedDistributionList(list) {

        var updatedList = [];

        $.each(list, function (i, v) {

            var pData = {}, $img = $(v)
                    , docId = $img.attr('doc-id')
                    , repId = $img.attr('rep-id'), realId = $img.attr('real-id'),
                    valid = $(v).attr('valid');

            // Check valid first
            if (typeof docId === 'undefined' && repId === 'undefined')
                return;

            // Convert data
            if (!$img.attr('rep-id')) {
                // Remove documents
                pData["DocumentID"] = docId;
                pData["Valid"] = 'remove';
            } else {

                if (!$img.attr('doc-id')) {
                    // Remove recipients
                    pData["RecipientID"] = repId;
                    pData["Valid"] = 'remove';

                } else {
                    // Both value
                    if (method === HoGoConst.WIZARD_CREATE_LINK_TYPE) {

                        if (realId.length === 32)
                            pData["RecipientID"] = realId; // RealID not anonymous ID
                        else
                            return; // Invalid ID
                    } else {
                        pData["RecipientID"] = repId;
                    }
                    pData["DocumentID"] = docId;
                    pData["Valid"] = valid;
                }
            }
            updatedList.push(pData);
        });

        // Merge to prevent too much request
        // Group by length
        var groupList = [];

        // Create some list to group
        var docIds2 = [], repIds2 = [];

        for (var i in updatedList) {

            var obj = updatedList[i];

            switch (Object.size(obj)) {

                case 2:

                    // Remove document
                    if (obj.Valid === 'remove' && 'DocumentID' in obj)
                        docIds2.push(obj.DocumentID);

                    // Remove recipient
                    if (obj.Valid === 'remove' && 'RecipientID' in obj)
                        repIds2.push(obj.RecipientID);

                    break;

                default:
                    groupList.push(obj);
                    break;
            }
        }

        if (docIds2.length > 0) {
            groupList.push({Valid: 'remove', DocumentID: docIds2.join(',')});
        }

        if (repIds2.length > 0) {
            groupList.push({Valid: 'remove', RecipientID: repIds2.join(',')});
        }

        return groupList;
    }

    /**
     * Call API to update distribution on Bookend server
     */
    function updateDistribution() {

        // Clone a temp list
        // var lTemp = listUpdatedDis.slice(0); // Copy array to var not an object

        isSavingDist = true;

        updateStateBeforeSaving();
        var sessionID = s.getSessionID();

        var groupList = groupCheckedDistributionList(listUpdatedDis);
        var requests = [], def = $.Deferred();

        // Iterate this list
        $.each(groupList, function (k, v) {

            var data = v;
            data.SessionID = sessionID;
            data.PackageID = packageId;
            data.UserID = HoGoUtils.getParameter()["userID"];
            // Call API
            var req = $.ajax({
                url: 'api/v1/UpdatePackageDistributionStatus',
                type: 'POST',
                data: data,
                dataType: "json",
                success: function (data) {

                    if (data.status !== "OK") {

                        // Item has been udpated unsucessfully
                        Modal.showAlert({
                            title: i18n.t('history.package.message.fail_update_distribution.title'),
                            content: i18n.t('history.package.message.fail_update_distribution.content')
                        });

                    }
                }
            });
            requests.push(req);

        });

        $.when.apply($, requests).then(function () {

            def.resolve();

        });

        def.done(function () {

            // Remove all
            listUpdatedDis = [];

            // Update status
            isSavingDist = false;

            updateStateAfterSaving();

            // Draw again
            Package.showDistributionTable();

        });
    }

    /**
     * Update state for some elements after saving successfully
     * @returns {undefined}
     */
    function updateStateAfterSaving() {

        // 2 process done
        if (isSavingDist === false && isSavingPack === false) {

            // Remove overlay
            $('body').find('.hogo-bg-overlay-action').remove();

            $("#validation .actionBar>.loader").hide('slow');
        }
    }

    /**
     * Check whether package's value has changed or not
     * @returns {Boolean}
     */
    function isChangePackageValueDirectSend() {
        if ($.trim(localCopies) !== $('.numberCopy').val() || ($.trim(expiryDate)) !== $('#expiry_date').val()) {
            return true;
        } else {
            return false;
        }
    }

    /**
     * Update change info on View for some tag element of Create Link
     * @returns {Boolean}
     */
    function isChangePackageValueCreateLink() {

        var check, hasChange = false;

        if ($('#downloadCheckBox').is(':checked'))
            check = 1;
        else
            check = 0;
        // One of two value has changed
        if (downloadable !== check || linkExpiry !== $.trim($('#linkExpiryDate').val())) {
            hasChange = true;
        } else {
            // No change at all but allow download
            if (check === 1) {
                if (localCopies !== $.trim($('.numberCopy').val()) || maxDownload !== $.trim($('#numberDownload').val())
                        || documentExpire !== $.trim($('#documentExpiryDate').val())) {
                    hasChange = true;
                } else {
                    hasChange = false;
                }
            } else {
                hasChange = false;
            }
        }
        return hasChange;
    }

    /**
     * Dispose view map with button download's state
     * @returns {undefined}
     */
    function checkButtonDownload() {

        if ($('#downloadCheckBox').is(':checked')) {

            $('table#tblInfo').find('tr').each(function (k, v) {
                if (k > 1) {
                    var nTn = $(v).find('td').eq(3).css('opacity', 1);
                    $(v).find('td').eq(2).css('opacity', 1);
                    nTn.find('input').attr('disabled', false);
                    $(".ui-spinner-input").spinner('enable');
                    $('.numberCopy').selectmenu('enable');
                }
            });
        } else {
            $('table#tblInfo').find('tr').each(function (k, v) {
                if (k > 1) {
                    var nTn = $(v).find('td').eq(3);
                    $(v).find('td').eq(2).css('opacity', 0.4);
                    nTn.find('input').attr('disabled', true);

                    //Clear error
                    nTn.find('.formError').remove();
                    nTn.css('opacity', 0.4);
                    $(".ui-spinner-input").spinner('disable');
                    $('.numberCopy').selectmenu('disable');
                }
            });
        }
    }

    /**
     * Update button save status after changing distribution table
     * @returns {Boolean}
     */
    function isChangePackageValueZero() {
//        console.log("old", linkExpiry, maxDownload, documentExpire, editable);

        var check = ($('#editable').is(':checked')) ? 1 : 0;
        console.log($.trim(linkExpiry) !== $.trim($('#linkExpiryDate').val()), $.trim(documentExpire) !== $.trim($('#documentExpiryDate').val()), editable !== check);
        if ($.trim(linkExpiry) !== $.trim($('#linkExpiryDate').val()) || $.trim(documentExpire) !== $.trim($('#documentExpiryDate').val()) || editable !== check) {
            // For editable element in Zero
            return true;
        } else {
            console.log("return false");
            // For editable element in Zero
            return false;
        }

    }

    /**
     * Update button "SAVE" status after changed model value as well as distribution 
     * @returns {Boolean}
     */
    function updateButtonStatusAfterChangedPackage() {
        var status;
        switch (method) {
            case 1:
                status = isChangePackageValueDirectSend();
                break;

            case 2:
                status = isChangePackageValueCreateLink();
                break;

            case 3:
            case 4:
                status = isChangePackageValueZero();

                break;
        }

        // Enable button
        console.log("disable button..", status, listUpdatedDis);
        if ((status === true) || listUpdatedDis.length > 0) {
            HoGoUtils.enableButton('#btnUpdatePackage', {
                colorClass: 'green',
                isSubmitForm: true
            });
            return true;
        } else {
            console.log("disable button..");
            HoGoUtils.disableButton('#btnUpdatePackage', {colorClass: 'green'});
            return false;
        }
    }

    /**
     * Call API to update package after all changes
     * @returns {Boolean}
     */
    function updatePackageDetail() {
        // Check validation
        if (!formStatus)
            return false;

        var iPack = true;

        var postData = {};
        if (HoGoUtils.getParameter()["userID"] !== undefined) {
            postData["userID"] = HoGoUtils.getParameter()["userID"];
        }
        postData["PackageID"] = packageId;
        postData["SessionID"] = s.getSessionID();
//        console.log(postData);
        switch (method) {

            case 1: // Direct send
                postData["DocumentExpiryDate"] = DateUtils.convertToDBDate($('#expiry_date').val());
                postData["LocalCopies"] = $('.numberCopy').val();
                if (updateButtonStatusAfterChangedPackage() === true) {
                    if (listUpdatedDis.length > 0) {
                        if (isChangePackageValueDirectSend()) {
                            //Both
                            updateDistribution();
                        } else {
                            // No need to update package
                            iPack = false;
                            //console.log('Distribution only');
                            updateDistribution();
                        }
                    }
                }
                break;

            case 2: // Create Link
                if ($('#linkExpiryDate').val() !== "") {
                    postData["LinkExpiryDate"] = DateUtils.convertToDBDate($('#linkExpiryDate').val());
                } else {
                    postData["LinkExpiryDate"] = "9999/12/31 23:59:59";
                }
                if ($('#downloadCheckBox').is(':checked')) {
                    postData['Downloadable'] = true;
                    postData["DocumentExpiryDate"] = DateUtils.convertToDBDate($('#documentExpiryDate').val());
                    postData["LocalCopies"] = $('.numberCopy').val();
                    postData["MaxDownloads"] = $('#numberDownload').val();
                } else {
                    // No need to post other value
                    postData['Downloadable'] = false;
                }
                // Avoid update unnecessary
                if (updateButtonStatusAfterChangedPackage() === true) {
                    if (listUpdatedDis.length > 0) {
                        if (isChangePackageValueZero()) {
                            //Both
                            updateDistribution();
                        } else {
                            // No need to update package
                            iPack = false;
                            //console.log('Distribution only');
                            updateDistribution();
                        }
                    }
                }
                break;

            case 3:
            case 4: // Specify & Anonymous

                // Document expiry
                if ($('#documentExpiryDate').val() !== "") {
                    postData["DocumentExpiryDate"] = DateUtils.convertToDBDate($('#documentExpiryDate').val());
                } else {
                    postData["DocumentExpiryDate"] = "9999/12/31 23:59:59";
                }
                // Link expiry
                if ($('#linkExpiryDate').val() !== "") {
                    postData["LinkExpiryDate"] = DateUtils.convertToDBDate($('#linkExpiryDate').val());
                } else {
                    postData["LinkExpiryDate"] = "9999/12/31 23:59:59";
                }
                // Anonymous and specify have maxdownload
                postData["MaxDownloads"] = $('#numberDownload').val();

                // Anonymous and specify have editable
                if ($('#editable').is(':checked'))
                    postData["Editable"] = true;
                else
                    postData["Editable"] = false;


                // Avoid update unnecessary
                if (updateButtonStatusAfterChangedPackage() === true) {
                    if (listUpdatedDis.length > 0) {
                        if (isChangePackageValueZero()) {
                            //Both
                            updateDistribution();
                        } else {
                            // No need to update package
                            iPack = false;
                            //console.log('Distribution only');
                            updateDistribution();
                        }
                    }
                }
                break;
        }

        if (iPack === true) {
            // Call API
            $.ajax({
                url: 'api/v1/UpdatePackage',
                type: 'POST',
                timeout: HoGoConst.APITimeout,
                data: postData,
                dataType: "json",
                beforeSend: function () {

                    isSavingPack = true;

                    updateStateBeforeSaving();
                },
                success: function (data) {
                    isSavingPack = false;
//console.log("log");
                    updateStateAfterSaving();
                    if (data.status === "OK") {
                        //TODO
                        drawPackage();
                    } else {
                        HoGoUtils.writeLog(data.status_desc);
                        if (data.status === APIConst.inputParameterErrorStatus) {
                            Modal.showAlert({content: i18n.t('error.unknown')});
                        } else {
                            if (data.status === APIConst.invalidMaxDownloadValue) {
                                Modal.showAlert({
                                    title: i18n.t('history.package.message.invalid_max_download.title'),
                                    content: i18n.t('history.package.message.invalid_max_download.content')
                                });
                            } else {
                                fnSessionTimeout(data);
                            }
                        }
                    }
                }
            });
        }
    }

    /**
     * Call API to delete package
     * @returns {jqXHR}
     */
    function fnDeletePackage() {
        //Call API
        return $.ajax({
            url: 'api/v1/DeletePackage',
            type: 'POST',
            timeout: HoGoConst.APITimeout,
            data: {"PackageID": packageId, "SessionID": s.getSessionID()},
            dataType: "json",
            beforeSend: function () {

                HoGoUtils.disableButton('#btnUpdatePackage', {colorClass: 'green'});

                appendLoadingWithText("iDeletePackage", "#wizard", i18n.t('loader.delete'), true);

            },
            success: function (data) {

                removeLoading('iDeletePackage');

                if (data.status === "OK") {

                    window.location.href = "History";
                } else {
                    fnSessionTimeout(data, null, 'History');
                }
            }
        });
    }

    // Export csv file access report
    function exportAcessReport() {
        console.log("exportAcessReport :");
        var param = {};
        param["PackageID"] = packageId;
        param["SessionID"] = s.getSessionID();
//        if (DegreeCore.Util.BrowserUtil.IsIE(context.Request.Browser))
//        {
//            // override response
//            contentType = "text/html";
//        }

        $.fileDownload('api/v1/ExportAccessPackageDetail?' + $.param(param), {
            httpMethod: 'get'
        }).then(function (data) {
            alert('all is well');
        }, function (errorText) {

            // JSON.parse( $(errorText).text() );
            Modal.showAlert({
                title: i18n.t('history.package.modal.access_modal_title'),
                text: i18n.t('history.package.modal.access_modal_content')
            });

        });
    }

    return {
        /**
         * Show confirm delete distribution
         * @param {type} _itself
         */
        confirmRemoveDistribution: function (_itself) {
            Modal.showConfirmPopup({
                title: i18n.t('history.package.message.remove_distribution.title'),
                content: i18n.t('history.package.message.remove_distribution.content'),
                okCallback: function () {
                    Package.trashDocument(_itself);
                }
            });
        },
        /**
         * Remove distribution from Package Create Link
         * @param {type} _itself
         */
        trashDocument: function (_itself) {

            var trash = $(_itself);
            var aPos = Package.docTable.fnGetPosition(trash.closest('tr').get(0));

            var postData = {};
            postData["packageId"] = packageId;
            postData["documentId"] = trash.attr('id');

            // call WS to delete document of package
            $.ajax({
                url: 'DeleteDocumentPackage',
                type: 'POST',
                data: postData,
                dataType: "json",
                timeout: HoGoConst.APITimeout,
                success: function (data) {

                    if (data.status === "OK") {
                        var nT = Package.docTable.fnSettings().aoData[aPos];
                        var nTr = $(nT.nTr);
                        var nTd = nTr.children("td:first");
                        nTd.attr("onclick", null);
                        nTr.addClass("remove");
                        nTd.addClass('unclickable');
                        //Delete the row deleted
                        Package.docTable.fnUpdate(['<img src="Images/1.1/revoke.png" width="26px" height="26px">', nT._aData[1], nT._aData[2], nT._aData[3], 'Removed'], aPos);
                    } else {
                        // Trash failed
                    }
                }
            });
        },
        updatePackageDetail: function () {
            updatePackageDetail();
        },
        removeDocument: function (itself) {
            removeDocument(itself);
        },
        removeRecipient: function (itself) {
            removeRecipient(itself);
        },
        changeDistributionStatus: function (itself) {
            changeDistributionStatus(itself);
        },
        getActiveDocuments: function () {
            var lDocId = [];
            for (var i in Distribution.lDoc) {
                var id = Distribution.lDoc[i].id;
                if (Distribution.isRemovedColumn(id) === false)
                    lDocId.push(id);
            }
            return lDocId;
        },
        getActiveRecipients: function () {
            var lRepId = [];
            for (var i in Distribution.lRep) {
                var id = Distribution.lRep[i].id;
                if (Distribution.isRemovedRow(id) === false)
                    lRepId.push(id);
            }
            return lRepId;
        },
        /**
         * Show distribution table
         */
        showDistributionTable: function () {
            listUpdatedDis = [];
            // Init array
            documents = [];
            recipients = [];
            distributions = [];

            // Indicator distribution list
            $('#distributionWrapper').addClass('hid');
            $('#wrapperLoading').show();

            // Call multi API
            return $.when(
                    $.ajax({
                        url: 'api/v1/GetPackageDistributionHeader',
                        type: 'POST',
                        timeout: HoGoConst.APITimeout,
                        data: makeRequestParam(packageId),
                        dataType: "json",
                        success: function (data) {
                            // Set header
                            documents = [];
                            recipients = [];

                            if (data.status === "OK") {
                                documents = data.documents;
                                recipients = data.recipients;
                            } else {
                                // Session expired
                                //  window.location.href='login';  
                            }
                        }
                    }),
                    //Call GetPackageDistributionDetail to get distributions
                    $.ajax({
                        url: 'api/v1/GetPackageDistributionDetail',
                        type: 'POST',
                        timeout: HoGoConst.APITimeout,
                        data: makeRequestParam(packageId),
                        dataType: "json",
                        success: function (data) {
                            // Set distribution                                                        
                            distributions = [];
                            if (data.status === "OK") {
                                distributions = data.detail;
                            }
                        }
                    })).done(function () {

                // Draw on view
                drawDistribution(distributions, documents, recipients);

                $("#sDistribution").mCustomScrollbar('destroy');

                //Custom scrollbar
                $("#sDistribution").mCustomScrollbar({horizontalScroll: true});
            });
        },
        drawPackage: drawPackage,
        getPackageType: function () {
            // It could be undefined if package is not loaded
            return method;
        },
        init: function () {

            if (HoGoUtils.getPageName() === 'packagedetaildownloadadmin.html') {
                $("#cancel_package").on('click', function () {
                    window.location.href = prePage;
                });
            }
            console.log(prePage);
            if (HoGoUtils.getPageName() === 'packagedetaildownload.html') {
                $("#btn-backPackage").on('click', function () {
                    window.location.href = prePage;
                });
            }

            // Package ID
            $("#packageId").val(packageId);

            // Set value for hidden input using for validation
            var today = DateUtils.convertDate(new Date());
            $('#before-date').val(today);

            // Draw package on view
            drawPackage().done(function () {
                // Bind events for each element depend upon method
                switch (method) {
                    case 1:
                        // Direct send
                        $('.numberCopy,.datepicker').bind('keyup focusout change', (function () {
                            setTimeout(function () {
                                updateButtonStatusAfterChangedPackage();
                            }, 300);
                        }));
                        break;

                    case 2:
                        $('#numberDownload, .numberCopy, .datepicker').bind('keyup focusout change', (function () {
                            // We need to do this in order to avoid many animation
                            setTimeout(function () {
                                updateButtonStatusAfterChangedPackage();
                            }, 300);
                        }));

                        $('#downloadCheckBox').bind('change', function () {
                            updateButtonStatusAfterChangedPackage();
                            // Check status download checkbox
                            checkButtonDownload();
                        });

                        // Check status download checkbox
                        checkButtonDownload();
                        break;

                    case 3:
                    case 4:
                        $('#numberDownload, #downloadCheckBox, #editable, .numberCopy,.datepicker').bind('keyup focusout change', (function () {
                            setTimeout(function () {
                                updateButtonStatusAfterChangedPackage();
                            }, 300);

                        }));
                        break;
                }

                // Draw distribution
                Package.showDistributionTable().done(function () {

                    // hande for sync funtion
                    if (isSync === 1) {
                        // Select menu
                        $('#tblInfo').find('select,input').each(function (i, item) {
                            var _this = $(item);
                            var tag = _this.prop('tagName').toLowerCase();
                            if (tag === 'select') {
                                _this.selectmenu('disable');
                            } else {
                                if (tag === 'input' && _this.hasClass('datepicker')) {
                                    _this.datepicker('destroy');
                                }
                            }
                        });
//                        console.log($('#distributionWrapper').find('.doc-header,.rep-header'));
                        // Remove
//                        $('#distributionWrapper').find('.doc-header,.rep-header').removeAttr('onclick').addClass('invisible');
                        $('table.info2, table.info').find('input').attr('disabled', 'disabled');
                        $(".ui-spinner input").spinner("disable");
                        $(".ui-state-disabled").css("opacity", 1);
                    }
                });
                // Handle for package sync from box
                if (isSync === 1) {
                    // Change the type of package
                    $("#packageType").html(i18n.t('box_integrate.folder_sync_status.type'));
                    $("#boxFolderName").html(syncFolderName);
                    $("#boxConsolePage").attr("href", "http://box.com").removeClass("hide");
                    $("#box-info").removeClass("hide");
                    // list documents
                    $('#addDocBtn').remove();

                    // Add recipient
                    $('#addRepBtn').remove();

                    // Delete button
                    $('#btnDelete').remove();

                    // Refresh package
                    $('#btnRefresh').remove();

                    // Export recipient from package
                    $('#btnExport').remove();

                    // Export access report
                    $('#btnAcessReport').click(function () {
                        exportAcessReport();
                    });
                    // disable on view
                    $("#editable").prop("disabled", true);
                    $("#documentExpiryDate").prop("disabled", true);
                    $("#linkExpiryDate").prop("disabled", true);
                    $("#btnMyAccount").removeClass("hide");

                } else {

                    // Show list documents
                    $('#addDocBtn').click(function () {
                        getDocumentList(method);
                    });

                    // Add recipient
                    if ($('#addRepBtn').length > 0) {
                        // Show list Recipient
                        $('#addRepBtn').click(function () {
                            getRecipientList();
                        });
                    }

                    // Delete button
                    $('#btnDelete').click(function () {
                        showWarmingDeletePoup();
                    });

                    // Refresh package
                    $('#btnRefresh').click(function () {
                        $('#btnRefresh').addClass("hid");
                        // Draw package again
                        Package.showDistributionTable().done(function () {
                            // if refresh remove all selected before
                            listUpdatedDis = [];
                            setTimeout(function () {
                                $('#btnRefresh').removeClass("hid");
                            }, 500);
                            updateButtonStatusAfterChangedPackage();
                        });
                    });

                    // Export recipient from package
                    $('#btnExport').click(function () {
                        $.fileDownload('api/v1/ExportRecipientPackage?PackageID=' + packageId + '&SessionID=' + s.getSessionID(), {
                            httpMethod: 'get'
                        });
                    });

                    // Export access report
                    $('#btnAcessReport').click(function () {
                        exportAcessReport();
                    });
                }
            });

            //
            // In case of returning from buying points. We keep the state
            //
            if ($.cookie("l_p") === 'paymentinfo.html' && $.cookie('d_list') !== null) {
                $('#addDocBtn').trigger("click");
            }
            // Trigger from Buying point action
            if ($.cookie("l_p") === 'paymentinfo.html' && $.cookie('r_list') !== null) {
                $('#addRepBtn').trigger("click");
            }
        },
        initForUser: function () {
            // Package ID
            $("#packageId").val(packageId);

            // Set value for hidden input using for validation
            var today = DateUtils.convertDate(new Date());
            $('#before-date').val(today);

            // Draw package on view
            drawPackage().done(function (data) {
                if (data.status === 'OK') {
                    // Draw distribution
                    Package.showDistributionTable().done(function () {
//                        console.log(isSync);
                        // Select menu
                        if (isSync === 1) {
                            // Select menu
                            $('#tblInfo').find('select,input').each(function (i, item) {
                                var _this = $(item);
                                var tag = _this.prop('tagName').toLowerCase();
                                if (tag === 'select') {
                                    _this.selectmenu('disable');
                                } else {
                                    if (tag === 'input' && _this.hasClass('datepicker')) {
                                        _this.datepicker('destroy');
                                    }
                                }
                            });
                            // Remove
//                        $('#distributionWrapper').find('.doc-header,.rep-header').removeAttr('onclick').addClass('invisible');
//                        $('table.info2, table.info').find('input').attr('disabled', 'disabled');
//                        $(".ui-spinner input").spinner("disable");
//                        $(".ui-state-disabled").css("opacity", 1);
                        }
                    });
                }
                // Handle for package sync from box
                if (isSync === 1) {
                    // Change the type of package
                    $("#packageType").html(i18n.t('box_integrate.folder_sync_status.type'));
                    $("#boxFolderName").html(syncFolderName);
                    $("#boxConsolePage").attr("href", "http://box.com").removeClass("hide");
                    $("#box-info").removeClass("hide");
                    // list documents
                    $('#addDocBtn').remove();

                    // Add recipient
                    $('#addRepBtn').remove();

                    // Delete button
                    $('#btnDelete').remove();

                    // Refresh package
                    $('#btnRefresh').remove();

                    // Export recipient from package
                    $('#btnExport').remove();

                    // Export access report
                    $('#btnAcessReport').click(function () {
                        exportAcessReport();
                    });
                    // disable on view
                    $("#editable").prop("disabled", true);
                    $("#documentExpiryDate").prop("disabled", true);
                    $("#linkExpiryDate").prop("disabled", true);
                    $("#btnMyAccount").removeClass("hide");

                } else {
                    // Show list documents
                    $('#addDocBtn').click(function () {
                        getDocumentList(method);
                    });

                    // Add recipient
                    if ($('#addRepBtn').length > 0) {
                        // Show list Recipient
                        $('#addRepBtn').click(function () {
                            getRecipientList();
                        });
                    }

                    // Delete button
                    $('#btnDelete').click(function () {
                        showWarmingDeletePoup();
                    });

                    // Refresh package
                    $('#btnRefresh').click(function () {
                        $('#btnRefresh').addClass("hid");
                        // Draw package again
                        Package.showDistributionTable().done(function () {
                            listUpdatedDis = [];
                            setTimeout(function () {
                                $('#btnRefresh').removeClass("hid");
                            }, 500);
                            updateButtonStatusAfterChangedPackage();
                        });
                    });

                    // Export recipient from package
                    $('#btnExport').click(function () {
                        $.fileDownload('api/v1/ExportRecipientPackage?PackageID=' + packageId + '&SessionID=' + s.getSessionID(), {
                            httpMethod: 'get'
                        });
                    });

                    // Export access report
                    $('#btnAcessReport').click(function () {
                        exportAcessReport();
                    });
                }
            });

//            $('.btn-bw').attr("href", "UserDetail?userID=" + userId);
            $('.btn-bw').attr("href", prePage);
            HoGoUtils.makeLeftMenuAdmin();
            // Flash object
//            HoGoUtils.copyLink('#d_clip_button');

            $('#btn-back-my-document-detail-admin').on('click', function () {
                if (HoGoUtils.getParameter()["documentId"] !== undefined) {
                    window.location.href = "MyDocumentDetailAdmin?documentId=" + HoGoUtils.getParameter()["documentId"] + "&userID=" + HoGoUtils.getParameter()["userID"];
                } else {
                    window.location.href = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"];
                }

            });
        }
    };

}(jQuery, UserSession));

//
// Manage address book
//
var AddressBook = (function ($, s) {

    var init = false;


    //Using for recipient list
    var oTable;
    var grTable;

    //Using for csv/gmail 
    var iTable = null;

    /* ID checked */
    var checkedList = [];

    var checkedListGroup = [];

    var checkedListRepGroupDetail = [];

    /* Store error rows */
    var errorRows = [];

    var lEnableButton = {'list_button': []};
    // Init list
    lEnableButton.list_button.push({'id': "btn_send", 'color': 'orange', 'submit': false, 'handler': fnAddRecipientToSession, "form_id": null});
    lEnableButton.list_button.push({'id': "btn_delete", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteRecipient, "form_id": null});
    lEnableButton.list_button.push({'id': "btn_remove_recipient", 'color': 'orange', 'submit': false, 'handler': DeleteRecipientInGroupRe, "form_id": null});
    lEnableButton.list_button.push({'id': "btn_move_to_group", 'color': 'orange', 'submit': false, 'handler': showRecipientGroupsList, "form_id": null});

    var lDisableButton = {'list_button': []};
    lDisableButton.list_button.push({'id': "btn_send", 'color': 'orange', 'handler': fnAddRecipientToSession});
    lDisableButton.list_button.push({'id': "btn_delete", 'color': 'orange', 'handler': fnWarningDeleteRecipient});
    lDisableButton.list_button.push({'id': "btn_remove_recipient", 'color': 'orange', 'handler': DeleteRecipientInGroupRe});
    lDisableButton.list_button.push({'id': "btn_move_to_group", 'color': 'orange', 'handler': showRecipientGroupsList});


    var lEnableGroupRecipientButton = {'list_button': []};
    lEnableGroupRecipientButton.list_button.push({'id': "btn_send_group_recipient", 'color': 'orange', 'submit': false, 'handler': fnAddRecipientToSession});
    lEnableGroupRecipientButton.list_button.push({'id': "btn_delete_group_recipient", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteRecipientGroup});

    var lDisableGroupRecipientButton = {'list_button': []};
    lDisableGroupRecipientButton.list_button.push({'id': "btn_send_group_recipient", 'color': 'orange', 'handler': fnAddRecipientToSession});
    lDisableGroupRecipientButton.list_button.push({'id': "btn_delete_group_recipient", 'color': 'orange', 'handler': fnWarningDeleteRecipientGroup});

    var lEnableGroupRecipientButtonDetail = {'list_button': []};
    lEnableGroupRecipientButtonDetail.list_button.push({'id': "btn_send_group_recipient_detail", 'color': 'orange', 'submit': false, 'handler': fnAddRecipientOfGroupDetailToSession});
//    lEnableGroupRecipientButtonDetail.list_button.push({'id': "btn_delete_group_recipient_detail", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteRecipientGroup, "form_id": null});

    var lDisableGroupRecipientButtonDetail = {'list_button': []};
    lDisableGroupRecipientButtonDetail.list_button.push({'id': "btn_send_group_recipient_detail", 'color': 'orange', 'handler': fnAddRecipientOfGroupDetailToSession});
    var makeTable = function (id, fnCallback) {
        oTable = $('#' + id).dataTable({
            "aaSorting": [[4, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": '<"right"f>l<"inline"p>irt',
            "sAjaxSource": "api/v1/GetRecipientListDetail",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback) {
                // Get file
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: DTUtils.recipientListPostData(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {
                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            $.each(data.recipient_detail, function (key, value) {
                                var name = "";
                                var lang = i18n.lng();
                                if (lang === 'ja' || lang === 'vi') {
                                    name = value.last_name + " " + value.first_name;
                                } else {
                                    if (value.middle_name === null) {
                                        name = value.first_name + " " + value.last_name;
                                    } else {
                                        name = value.first_name + " " + value.middle_name + " " + value.last_name;
                                    }
                                }

                                json.aaData.push({"id": value.id, "name": name, "email": value["e-mail"], "company": value.company, "create_date": value.create_date, "status": value.status});
                            });
                        } else {
                            //Get error
                            window.location.href = 'AddressBookList';
                        }
                        //Add to table
                        fnCallback(json);
                    }
                });
            },
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {
                //Only from RecipientDetail. Load previous state
                if ($.cookie('l_p') === 'recipientdetail.html') {
                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
                    var oData;
                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    //Set search word on field 
                    if (oData !== null)
                        if (oData.oSearch.sSearch !== null)
                            $('#filter').val(oData.oSearch.sSearch);
                        else
                            $('#filter').val('');
                    else {
                        $('#filter').val('');
                    }
                    return oData;
                } else {
                    return null;
                }
            },
            "fnRowCallback": function (nRow, aData) {

                //Edit data on drawing
                $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child\" class='ck' id= \"" + aData.id + "\"/>");
                $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                $("td:eq(3)", nRow).html("<div>" + aData.company + "</div>");
                $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date));
                if (UserSession.getAdminObject() === null) {
                    $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=RecipientDetail?repid=" + aData.id + "></a>");
                } else {
                    $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=RecipientDetailAdmin?repid=" + aData.id + "&userID=" + HoGoUtils.getParameter()["userID"] + "></a>");
                }
                //Event double click 
                nRow.ondblclick = function () {
                    if (HoGoUtils.getPageName() === 'addressbooklist.html') {
                        window.location.href = "RecipientDetail?repid=" + aData.id + "&time=" + new Date().getTime();
                    } else if (HoGoUtils.getPageName() === 'userdetail.html') {
                        window.location.href = "RecipientDetailAdmin?repid=" + aData.id + "&userID=" + HoGoUtils.getParameter()["userID"] + "&time=" + new Date().getTime();
                    }
                };
                nRow.onclick = function () {
                    DTUtils.fnCheckBoxOnRow(this);
                };
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 5]}
            ],
            "fnDrawCallback": function (oSettings) {

                //Display our checkbox
                $('#' + id + ' .ck').customInput();
                //Control stuff
//                DTUtils.fnSetUpTableControl(oSettings);
                //Clear checklist when sorting
                if (oSettings.bSorted) {
                    checkedList.splice(0, checkedList.length);
                    //Disable 2 btn
                    DTUtils.fnDisableControl(lDisableButton);
                }
                //Checkbox event
                DTUtils.checkboxSwitchPage("tablepaging", "child", "select_all", checkedList);
                //Evnet click after that
                $(':checkbox[name=child]').on('click', function () {
                    DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);
//                    console.log(checkedList.length);
//                    console.log(checkedListGroup.length);
                    //Enable/Disable button <SEND/DELETE>
                    if (checkedList.length > 0) {
                        //Enable
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        //Disable
                        DTUtils.fnDisableControl(lDisableButton);
                    }
                });
            },
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "name"},
                {"mDataProp": "email"},
                {"mDataProp": "company"},
                {"mDataProp": "create_date"},
                {"mDataProp": "status"}
            ],
            "fnInitComplete": function (s) {
                $('#' + s.sTableId).i18n();
                $('#' + s.sTableId + '_length').find('select').selectmenu();
                if (typeof fnCallback === 'function') {
                    fnCallback.call();
                }
                $('#addressBook #cbo_selectall').on('click', function () {

                    DTUtils.checkboxSelectAllEvent(this, "child", checkedList);
                    if (checkedList.length > 0) {
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        DTUtils.fnDisableControl(lDisableButton);
                    }

                });
            }
        });
    };

    var makeTableRecipientInGroup = function (id, fnCallback) {
        oTable = $('#' + id).dataTable({
            "aaSorting": [[4, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": '<"right"f>l<"inline"p>irt',
            "sAjaxSource": "api/v1/GetRecipientListInGroup",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback) {
                // Get file
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: DTUtils.recipientListPostData(aoData),
//                    data: {SessionID: s.getSessionID(), GroupID: HoGoUtils.getParameter()["group_recipient_id"]}, 
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {
                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            $.each(data.recipient_detail, function (key, value) {
                                var name = "";
                                var lang = i18n.lng();
                                if (lang === 'ja' || lang === 'vi') {
                                    name = value.last_name + " " + value.first_name;
                                } else {
                                    if (value.middle_name === null) {
                                        name = value.first_name + " " + value.last_name;
                                    } else {
                                        name = value.first_name + " " + value.middle_name + " " + value.last_name;
                                    }
                                }

                                json.aaData.push({"id": value.id, "name": name, "email": value["e-mail"], "company": value.company, "create_date": value.create_date, "nullValue": ""});
                            });
                        } else {
                            //Get error
                            window.location.href = 'AddressBookList';
                        }
                        //Add to table
                        fnCallback(json);
                    }
                });
            },
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {
                //Only from RecipientDetail. Load previous state
                if ($.cookie('l_p') === 'recipientdetail.html') {
                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
                    var oData;
                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    //Set search word on field 
                    if (oData !== null)
                        if (oData.oSearch.sSearch !== null)
                            $('#filter').val(oData.oSearch.sSearch);
                        else
                            $('#filter').val('');
                    else {
                        $('#filter').val('');
                    }
                    return oData;
                } else {
                    return null;
                }
            },
            "fnRowCallback": function (nRow, aData) {

                //Edit data on drawing
                $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child\" class='ck' id= \"" + aData.id + "\"/>");
                $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                $("td:eq(3)", nRow).html("<div>" + aData.company + "</div>");
                $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date));
                if (UserSession.getAdminObject() === null) {
                    $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=RecipientDetail?repid=" + aData.id + "&time=" + new Date().getTime() + "></a>");
                } else {
                    $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=RecipientDetailAdmin?repid=" + aData.id + "&userID=" + HoGoUtils.getParameter()["userID"] + "&time=" + new Date().getTime() + "></a>");
                }
                //Event double click 
                nRow.ondblclick = function () {
                    window.location.href = "RecipientDetail?repid=" + aData.id + "&time=" + new Date().getTime();
                };
                nRow.onclick = function () {
                    DTUtils.fnCheckBoxOnRow(this);
                };
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 5]}
            ],
            "fnDrawCallback": function (oSettings) {
                //Display our checkbox
                $('#recipient_list .ck').customInput();
                //Control stuff
//                DTUtils.fnSetUpTableControl(oSettings);
                //Clear checklist when sorting
                if (oSettings.bSorted) {
                    checkedList.splice(0, checkedList.length);
                    //Disable 2 btn
                    DTUtils.fnDisableControl(lDisableButton);
                }
                //Checkbox event
                DTUtils.checkboxSwitchPage("recipient_list", "child", "select_all", checkedList);
                //Evnet click after that
                //Checkbox event
                DTUtils.checkboxSwitchPage(id, "child", "select_all", checkedList);
                $(':checkbox[name=child]').on('click', function () {
                    DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);
                    //Enable/Disable button <SEND/DELETE>
                    if (checkedList.length > 0) {
                        //Enable
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        //Disable
                        DTUtils.fnDisableControl(lDisableButton);
                    }
                });
                $('input[name=child]').each(function () {
                    var checkAll = $(this).attr("id");
                    checkedListRepGroupDetail.push(checkAll);//Add

                });
                if (checkedListRepGroupDetail.length > 0) {
                    DTUtils.fnEnableControl(lEnableGroupRecipientButtonDetail);
                } else {
                    DTUtils.fnDisableControl(lDisableGroupRecipientButtonDetail);
                }
                ;
            },
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "name"},
                {"mDataProp": "email"},
                {"mDataProp": "company"},
                {"mDataProp": "create_date"},
                {"mDataProp": "nullValue"}
            ],
            "fnInitComplete": function (s) {
                $('#' + s.sTableId).i18n();
                $('#' + s.sTableId + '_length').find('select').selectmenu();
                if (typeof fnCallback === 'function') {
                    fnCallback.call();
                }
            }
        });
    };

    var makeTableGroupRecipient = function () {
        grTable = $('#group_reps_table').dataTable({
            "aaSorting": [[2, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": '<"right"f>l<"inline"p>irt',
            "sAjaxSource": "api/v1/GetListGroupRecipient",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback) {
                // Get file
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: DTUtils.groupRecipientListPostData(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {
                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                            $.each(data.list_group_recipients, function (key, value) {
                                json.aaData.push({"id": value.id, "group_name": value.group_name, "create_date": value.create_date, "no_rep": value.no_recipients, "status": value.status});
                            });
                        } else {
                            //Get error
                            window.location.href = '#';
                        }
                        //Add to table
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                //Edit data on drawing
                $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child_group\" class='ck' id= \"" + aData.id + "\"/>");
                $("td:eq(1)", nRow).html("<div>" + aData.group_name + "</div>");
                $("td:eq(2)", nRow).html(DateUtils.convertDate(aData.create_date));
                $("td:eq(3)", nRow).html("<div>" + aData.no_rep + "</div>");
                $("td:eq(4)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=GroupRecipientDetail?group_recipient_id=" + aData.id + "></a>");
                //Event double click 
                nRow.ondblclick = function () {
                    window.location.href = "GroupRecipientDetail?group_recipient_id=" + aData.id;
                };
                nRow.onclick = function () {
                    DTUtils.fnCheckBoxOnRow(this);
                };
            },
            "fnDrawCallback": function (oSettings) {

                //Draw checkbox
                $('#group_reps_table .ck').customInput();
                DTUtils.checkboxSwitchPage("group_reps_table", "child_group", "cbo_group_selectall", checkedListGroup);
                $(':checkbox[name=child_group]').on('click', function () {
                    DTUtils.checkboxChildSelectEvent(this, "cbo_group_selectall", checkedListGroup);
                    //Enable/Disable button <SEND/DELETE>
                    if (checkedListGroup.length > 0) {
                        //Enable
                        DTUtils.fnEnableControl(lEnableGroupRecipientButton);
                    } else {
                        //Disable
                        DTUtils.fnDisableControl(lDisableGroupRecipientButton);
                    }
                });

            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 3, 4]}
            ],
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "group_name"},
                {"mDataProp": "create_date"},
                {"mDataProp": "no_rep"},
                {"mDataProp": "status"}
            ]
        });
    };

    /**
     * Make table import
     * @param {type} tableID
     * @returns {undefined}
     */
    var makeTableImport = function (tableID) {
        return iTable = $('#' + tableID).dataTable({
            "aaSorting": [[0, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "bDestroy": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": 'l<"clearfix"<"left"f><"right"p>>irt',
            "sAjaxSource": 'api/v1/ImportRecipient',
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {

                var json = {"aaData": []};
                $.ajaxFileUpload({
                    url: sSource,
                    secureuri: false,
                    fileElementId: "file",
                    data: {SessionID: s.getSessionID(), CurrentLang: i18n.lng()},
                    dataType: 'json',
                    success: function (data) {
                        console.log(data);
                        if (data.status === "OK") {
//                            console.log(data);
                            var detail = data.list;
                            for (var i = 0; i < detail.length; i++) {
                                var company = "";
                                if (detail[i].company !== undefined) {
                                    company = detail[i].company;
                                }
                                json.aaData.push({"first_name": detail[i].first_name, "middle_name": detail[i].middle_name, "last_name": detail[i].last_name, "email": detail[i]['e-mail'], "company": company, "group_name": detail[i].group_name});
                            }
                        } else {
                            console.log("xsdsadsds");
                            $('#import-popup').remove();
                            Modal.showAlert({content: i18n.t('#.message.no_valid_data')});
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                console.log(nRow, aData);
                $("td:eq(0)", nRow).html("<a class='trash-recipient' onclick='AddressBook.trashRecipient($(this));'><img src=\"Images/1.1/trash-black-icon.png\" title='" + i18n.t('send_wizard.step_1.label.delete') + "' width=\"26px\" height=\"26px\"></img></a>");
                var name = "";
                if (s.getLang() === 'ja') {
                    name = aData.last_name + ' ' + aData.first_name;
                } else {
                    if (aData.middle_name !== undefined)
                        name = aData.first_name + " " + aData.middle_name + " " + aData.last_name;
                    else
                        name = aData.first_name + " " + aData.last_name;
                }

                $("td:eq(1)", nRow).html(name);
                $("td:eq(0)", nRow).addClass("icon-indent");
                nRow.setAttribute("style", "text-align: left");
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0]}
            ],
            "fnDrawCallback": function (oSettings) {

                //Setting up control
//                DTUtils.fnSetUpTableControl(oSettings);

                if (oSettings.fnRecordsDisplay() > 0) {
                    HoGoUtils.enableButton('#btn-save-csv', {
                        colorClass: 'green',
                        handler: doImportRecipient,
                        textInside: i18n.t('buttons.save')
                    });
                } else {
                    HoGoUtils.disableButton('#btn-save-csv', {
                        colorClass: 'green',
                        textInside: i18n.t('addressbook.buttons.no_recipient')
                    });
                }
            },
            "aoColumns": [
                {"mDataProp": "last_name"},
                {"mDataProp": "first_name"},
                {"mDataProp": "email"},
                {"mDataProp": "company"},
                {"mDataProp": "group_name"}
            ],
            "fnInitComplete": function (setting) {

                if (setting.aoData.length === 0) {
                    $('#import-popup').remove();
                    Modal.showAlert({content: i18n.t("addressbook.message.no_valid_data")});
                } else {
                    $('#import-popup').reveal({"closeonbackgroundclick": false});
                }

                // Reset file chosen - Fixing error on Chrome. It dosen't change from second time and later (onchange event)
                $("#file").val('');
            }
        });
    };

    /**
     * Set cookie this value. We'll get it at step 3
     * @returns {undefined}
     */
    function fnAddRecipientToSession() {
//        console.log(checkedList.length);
//        console.log(checkedListGroup.length);
//        console.log(checkedListRepGroupDetail.length);
        var rep = [];


        if (checkedListGroup.length > 0) {
            $.post('api/v1/SendWizardGroupRecipient', {SessionID: s.getSessionID(), GroupID: checkedListGroup.toString()}, function (data) {
//                console.log(data);
                if (data.status === "GroupRecipientIDEmpty") {
                    Modal.showAlert({content: i18n.t('show_message.error.empty_list_rep')});
                } else {
                    $.each(data.list_recipients, function (id, r) {
                        rep.push(r['e-mail']);
                    });
                    var json = {u_id: s.getSessionID(), rep: rep.toString()};
                    $.cookie('rep', JSON.stringify(json));
                    window.location.href = "SendWizard";
                }
            });
        } else {
            $.post('api/v1/GetRecipientDetail?time=' + new Date().getTime(), {SessionID: s.getSessionID(), RecipientID: checkedList.toString()}, function (data) {
                var d = data.detail;
                $.each(d, function (id, r) {
                    rep.push(r['e-mail']);
                });
                var json = {u_id: s.getSessionID(), rep: rep.toString()};
                $.cookie('rep', JSON.stringify(json));
                window.location.href = "SendWizard";
            });
        }

    }

    function fnAddRecipientOfGroupDetailToSession() {
//        console.log("kkkk");
        var rep = [];
        $.post('api/v1/SendWizardGroupRecipient', {SessionID: s.getSessionID(), GroupID: HoGoUtils.getParameter()["group_recipient_id"]}, function (data) {
//            console.log(data);

            $.each(data.list_recipients, function (id, r) {
                rep.push(r['e-mail']);
            });
            var json = {u_id: s.getSessionID(), rep: rep.toString()};
            $.cookie('rep', JSON.stringify(json));
            window.location.href = "SendWizard";
        });
    }

    function fnWarningDeleteRecipient() {
        if (checkedList.length === 0) {
            return false;
        } else {
            Modal.showConfirmPopup({
                title: i18n.t('addressbook.message.confirm_delete.title'),
                content: i18n.t('addressbook.message.confirm_delete.content'),
                okCallback: fnDeleteRecipient
            });
        }
    }

    function fnDeleteRecipient() {
        var reID;
        if (HoGoUtils.getPageName() === 'recipientdetailadmin.html') {
            reID = HoGoUtils.getParameter()["repid"];
        } else {
            reID = checkedList.toString();
        }
        // Call API
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/DeleteRecipient",
            data: {RecipientID: reID, SessionID: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                appendLoadingWithText("iDeleteRecpient", "#wizard", i18n.t('loader.delete'), true);
            },
            success: function (dt) {
                removeLoading("iDeleteRecpient");
                //Clear error list
                checkedList = [];
                if (dt.status === "OK") {
                    if (HoGoUtils.getPageName() === 'recipientdetailadmin.html') {
                        window.location.href = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"] + "#/recipient-list";
                    }
                    //Update status (SEND/DELETE/CHECKALL)
                    $('#cbo_selectall').prop('checked', false);

                    $('label[for=cbo_selectall]').removeClass('checked');

                    DTUtils.fnDisableControl(lDisableButton);

                    //Update table
                    oTable.fnDraw();
                    grTable.fnDraw();
                    //Splice check list
                    checkedList = [];
                } else {
                    Modal.showAlert({content: i18n.t('addressbook.message.fail_delete')});
                }
            },
            error: function () {
                Modal.showAlert({content: i18n.t('error.unknown')});
            }
        });
    }
    function fnDeleteRecipientInGroup() {

        // Call API
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/DeleteRecipientInGroup",
            data: {RecipientId: checkedList.toString(), sessionID: s.getSessionID(), GroupId: HoGoUtils.getParameter()["group_recipient_id"]},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                appendLoadingWithText("iDeleteRecpient", "#wizard", i18n.t('loader.delete'), true);
            },
            success: function (dt) {
                removeLoading("iDeleteRecpient");
                //Clear error list
                checkedList = [];
                if (dt.status === "OK") {
                    //Update status (SEND/DELETE/CHECKALL)
                    $('#cbo_selectall').prop('checked', false);

                    $('label[for=cbo_selectall]').removeClass('checked');

                    DTUtils.fnDisableControl(lDisableButton);

                    //Update table
                    oTable.fnDraw();
                    //Splice check list
                    checkedList = [];
                } else {
                    Modal.showAlert({content: i18n.t('addressbook.message.fail_delete')});
                }
            },
            error: function () {
                Modal.showAlert({content: i18n.t('error.unknown')});
            }
        });
    }
    function DeleteRecipientInGroupRe() {
        Modal.showConfirmPopup({
            title: i18n.t('addressbook.message.confirm_delete.title'),
            content: i18n.t('addressbook.message.confirm_delete.content'),
            okCallback: function () {
                fnDeleteRecipientInGroup();
            }
        });
    }
    function doImportRecipient() {

        var setting = iTable.fnSettings();

        HoGoUtils.disableButton('#btn-save-csv', {colorClass: 'green', textInside: i18n.t('addressbook.buttons.status.importing')});

        var count = 0;
        $.each(setting.aiDisplay, function (k, v) {
            var obj = setting.aoData[v]._aData;
            var data = {};
            data["SessionID"] = s.getSessionID();
//            console.log(obj);
            //From file
            if (obj.email !== null) {
                data["FirstName"] = obj.first_name;
                data["MiddleName"] = (obj.middle_name === null) ? "" : obj.middle_name;
                data["LastName"] = obj.last_name;
                data["EmailAddress"] = $.trim(obj.email);
                data["Company"] = (obj.company === null) ? "" : obj.company;
                data["GroupName"] = (obj.group_name === null) ? "" : obj.group_name;
            } else {
                // Gmail
                $.each(obj, function (k, v) {
                    switch (k) {
                        case 2:
                            data["EmailAddress"] = $.trim(v);
                            break;
                        case 3:
                            data["Company"] = v;
                            break;
                        case 4:
                            data["FirstName"] = $.trim(v);
                            break;
                        case 5:
                            data["MiddleName"] = v;
                            break;
                        case 6:
                            data["LastName"] = $.trim(v);
                            break;
                        case 6:
                            data["GroupName"] = $.trim(v);
                            break;
                    }
                });
            }
            // Append loading
            // $('#import-popup, .reveal-modal-bg ').remove();
            Modal.closeModal();

            appendLoadingWithText("iAddingRecipient", "body", i18n.t('loader.wait'), true);

            // Call API to add
            $.ajax({
                dataType: 'json',
                type: "POST",
                async: true, //ajax post non-sequentially
                url: "api/v1/AddRecipient",
                data: data,
                timeout: HoGoConst.APITimeout,
                success: function (dt) {
                    count++;
                    var inValid = false;
                    console.log(dt.status);
                    if (dt.status === "OK") {
                        //TODO
                    } else {
                        if (dt.status === "InputParameterError") {
                            inValid = true;
                        }
                        //Find row of each email
                        errorRows.push(k + 1);
                    }

                    // DO after all done
                    doCount(count, inValid);
                }
            });

        });
    }

    function doCount(v, inValid) {
        if (iTable) {
            if (v === iTable.fnSettings().aiDisplay.length) {
                iTable.fnClearTable();

                removeLoading("iAddingRecipient");

                if (errorRows.length > 0) {
                    if (inValid) {
                        Modal.showAlert({
                            title: i18n.t('addressbook.message.invalid_format.title'),
                            content: i18n.t('addressbook.message.invalid_format.content') + " " + errorRows.toString()
                        });
                    } else {
                        Modal.showAlert({
                            title: i18n.t('addressbook.message.fail_import.title'),
                            content: i18n.t('addressbook.message.fail_import.content') + " " + errorRows.toString()
                        });
                    }
                    //Clear error rows
                    errorRows = [];
                    oTable.fnDraw();
                } else {
                    errorRows = [];
                    oTable.fnDraw();
                }
            }
        }
    }

    /**
     * Create CSV box panel
     * @returns {String}
     */
    function createCSVBox() {
        var boxpanel = '<div id="import-popup" class="reveal-modal large">' +
                '<div class="close-wrapper">' +
                '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-import-popup" role="button" title="' + i18n.t('send_wizard.step_1.label.delete') + '"></a>' +
                '</div>' +
                '<div class="displayCSV">' +
                '<table class="display tbl-import-recipient" id="tablepaging1">' +
                '<thead>' +
                '<tr>' +
                '<th style="width: 5%" align="center">' +
                '</th>' +
                '<th style="width: 25%" align="left">' +
                '<a data-hg="addressbook.table_header.name"></a>' +
                '</th>' +
                '<th style="width: 25%" align="left">' +
                '<a data-hg="addressbook.table_header.email"></a>' +
                '</th>' +
                '<th style="width: 25%" align="left">' +
                '<a data-hg="addressbook.table_header.company"></a>' +
                '</th>' +
                '<th style="width: 20%" align="left">' +
                '<a data-hg="addressbook.table_header.group"></a>' +
                '</th>' +
                '</tr>' +
                '</thead>' +
                '</table> ' +
                '</div>' +
                '<div class="clearfix">' +
                '<div class="modal-control">' +
                '<div class="loader" aria-hidden="true"></div>' +
                '<a class="btn red" id="btn-cancel-import-popup" role="button" data-hg="buttons.cancel"></a>' +
                '<a id="btn-save-csv" class="btn green" role="button" data-hg="buttons.save"></a>' +
                '</div>' +
                '</div>' +
                '</div>';
        return boxpanel;
    }
    function createGmail() {
        var boxpanel = '<div id="import-popup" class="reveal-modal xlarge">' +
                '<div class="close-wrapper">' +
                '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-import-popup" role="button" title="' + i18n.t('send_wizard.step_1.label.delete') + '"></a>' +
                '</div>' +
                '<div class="displayCSV">' +
                '<table class="display tbl-import-recipient" id="tablepaging1">' +
                '<thead>' +
                '<tr>' +
                '<th style="width: 5%" align="center">' +
                '</th>' +
                '<th style="width: 25%" align="left">' +
                '<a data-hg="addressbook.table_header.name"></a>' +
                '</th>' +
                '<th style="width: 30%" align="left">' +
                '<a data-hg="addressbook.table_header.email"></a>' +
                '</th>' +
                '<th style="width: 20%" align="left">' +
                '<a data-hg="addressbook.table_header.company"></a>' +
                '</th>' +
                '</tr>' +
                '</thead>' +
                '</table> ' +
                '</div>' +
                '<div class="clearfix">' +
                '<div class="modal-control">' +
                '<div class="loader" aria-hidden="true"></div>' +
                '<a class="btn red" id="btn-cancel-import-popup" role="button" data-hg="buttons.cancel"></a>' +
                '<a id="btn-save-csv" class="btn green" role="button" data-hg="buttons.save"></a>' +
                '</div>' +
                '</div>' +
                '</div>';
        return boxpanel;
    }

    /**
     * Make user's gmail contact list
     * @returns {undefined}
     */
    function getRecipientListFromGmail() {
        var config = {
            'client_id': GoogleConst[GOOGLE_ENVIRONMENT].clientId,
            'scope': GoogleConst.scopeContact
        };
        gapi.auth.authorize(config, function () {

            var tO = gapi.auth.getToken();
            var token = tO.access_token;
            $.ajaxSetup({global: false});
            $.getJSON('https://www.google.com/m8/feeds/contacts/default/full?v=3.0&max-results=2000&alt=json&access_token=' + token, function (data) { // Noitce alt=json

                var data = data.feed.entry;
                // Check size 
                var json = [];
                $.each(data, function (i, entry) {
                    var fName, mName, lName;
                    if (entry.gd$name) {
                        fName = (entry.gd$name.gd$givenName) ? entry.gd$name.gd$givenName.$t : null;
                        mName = (entry.gd$name.gd$additionalName) ? entry.gd$name.gd$additionalName.$t : null;
                        lName = (entry.gd$name.gd$familyName) ? entry.gd$name.gd$familyName.$t : null;
                    }
                    var email = (entry.gd$email) ? entry.gd$email[0].address : null; // Primary email
                    var company = (entry.gd$organization) ? entry.gd$organization[0].gd$orgName.$t : null;
                    // Check email
                    if (email !== null) {
                        // Check name
                        if (fName && lName) {
                            var trash = "<a href='#' class='trash-recipient' onclick='AddressBook.trashRecipient($(this));'><img src=\"Images/1.1/trash-black-icon.png\" title=\"" + i18n.t('send_wizard.step_1.label.delete') + "\" width=\"26px\" height=\"26px\"/></a>";
                            var fullName = "";
                            if (s.getLang() === 'ja') {
                                fullName = lName + " " + fName;
                            } else {
                                if (mName)
                                    fullName = fName + " " + mName + " " + lName;
                                else
                                    fullName = fName + " " + lName;
                            }

                            json.push({"trash": trash, "name": fullName, "email": email, "company": company, "middle_name": mName, "last_name": lName, "first_name": fName});
                        }
                    }
                });

                if (json.length > 0) {
                    // Remove existing box
                    $('#import-popup').remove();
                    $('body').append(createGmail());

                    $('#import-popup').i18n();
                    iTable = $('#tablepaging1').dataTable({
                        "aaSorting": [[1, 'asc']],
                        "bInfo": false,
                        "bLengthChange": false,
                        "bPaginate": true,
                        "bDestroy": true,
                        "iDisplayLength": 10,
                        "sPaginationType": "full_numbers",
                        "oLanguage": DTUtils.DTLang,
                        "sDom": 'l<"clearfix"fp>irt', //"sDom":'<"top"p<"clear">>',
                        "aaData": json,
                        "aoColumnDefs": [
                            {'bSortable': false, 'aTargets': [0]}
                        ],
                        "fnDrawCallback": function (oSettings) {

//                            DTUtils.fnSetUpTableControl(oSettings);

                            if (oSettings.fnRecordsDisplay() > 0) {
                                HoGoUtils.enableButton('#btn-save-csv', {
                                    colorClass: 'green',
                                    handler: doImportRecipient,
                                    textInside: i18n.t('buttons.save')
                                });
                            } else {
                                HoGoUtils.disableButton('#btn-save-csv', {
                                    colorClass: 'green',
                                    textInside: i18n.t('addressbook.buttons.no_recipient')
                                });
                            }
                        },
                        "aoColumns": [
                            {"mDataProp": "trash"},
                            {"mDataProp": "name"},
                            {"mDataProp": "email"},
                            {"mDataProp": "company"}
                        ]
                    });
                    //Display modal
                    $('#import-popup').reveal({"closeonbackgroundclick": false});
                } else {
                    $('#import-popup').remove();
                    Modal.showAlert({content: i18n.t('addressbook.message.no_contact')});
                }
            });
        }); //-- End authorize
    }


    function getRecipientGroupList(cb, error) {
        var params = {};
        params["SessionID"] = s.getSessionID();
        params["UserID"] = HoGoUtils.getParameter()["userID"];
        var pName = HoGoUtils.getPageName();
        if (pName === 'recipientdetail.html') {
            var url = 'api/v1/GetListGroupWithNoRe';
            params["RecipientID"] = HoGoUtils.getParameter()["repid"];
        } else {
            if (pName === 'grouprecipientdetail.html') {
                params["GroupID"] = HoGoUtils.getParameter()["group_recipient_id"];
            }
            var url = 'api/v1/GetGroupRepList';
        }
        $.ajax({
            url: url,
            type: 'POST',
            data: params,
            dataType: "json",
            success: function (data) {

                if (data.status === "OK") {
                    cb && cb(data.list_group_recipients);
                } else {
                    error && error();
                }
            },
            error: function () {
//                window.location.href = "addressbooklist";
            }
        });
    }
    ;

    function addMoveRecipientToRecipientGroup(data) {
        var groupRecipientIdSelect = [];
        var noRecipient;
        Modal.createModal(3, {
            title: i18n.t('modal.group_rep.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {
                HoGoUtils.validateForm('validationCP', AddressBook);
                var options = {
                    valueNames: ['groupname', 'no_recipient', {data: ['id']}],
                    item: '<li data-id="id" class="upload-file list-group-item item-select">'
                            + '<div class="row">'
                            + '<div class="col-xs-2">'
                            + '<div class="checkbox"><input type="checkbox" name="check_group" id="select_id" style="margin-top: 0; margin-bottom: 5px; margin-left: 0"/></div>'
                            + '<label for="" class="checker"></label>'
                            + '</div>'
                            + '<div class="col-xs-4" style="overflow : hidden"><span class="groupname"></span></div>'
                            + '<div class="col-xs-4"><span class="no_recipient badge"></span></div>'
                            + '</div></li>'
//                    page: 3, 
//                    pagination: true
                };
                var values = data;
                // Init list
                var listGroupRecipient = new List('listgrouprecipients', options, values);
                $("#search_group").keyup(function () {
                    if ($("#search_group").val() !== "") {
                        listGroupRecipient.search($("#search_group").val(), ['groupname']);
                    } else {
                        listGroupRecipient.search();
                    }

                });
                $("#select_all_group").click(function () {
                    var dataList;
                    if ($(this).prop('checked')) {
                        $('input:checkbox').prop('checked', true);
                        var selected = $('.item-select').find("input[type=checkbox]").prop('checked');
//                        console.log(selected);
                        if (selected) {
                            var dataSelect = $('.item-select').map(function () {
                                return $(this).data("id");
                            }).get();
                            dataList = dataSelect;
                            noRecipient = dataList.length;
                        }
                        $('.item-select').click(function () {
                            var id = $(this).attr('data-id');
//                            console.log(id);
                            var selected = $(this).find("input[type=checkbox]").prop('checked');
                            if (!selected) {
                                Array.prototype.remove = function () {
                                    var what, a = arguments, L = a.length, ax;
                                    while (L && this.length) {
                                        what = a[--L];
                                        while ((ax = this.indexOf(what)) !== -1) {
                                            this.splice(ax, 1);
                                        }
                                    }
                                    return this;
                                };
                                dataSelect.remove(id);
                                dataList = dataSelect;
                            }
                        });
                    } else {
                        $('input:checkbox').attr('checked', false);
                        var selected = $('.item-select').find("input[type=checkbox]").prop('checked');
                        dataList = [];

                    }
//                    console.log(dataList);
                    groupRecipientIdSelect = dataList;
                });
                var editBtns = $('.item-select');
                editBtns = $(editBtns.selector);
                editBtns.click(function (e) {
                    var id = $(this).attr('data-id');
                    if ($(e.target).closest('input[type="checkbox"]').length > 0) {
                        //Chechbox clicked
                        var selected = $(this).find("input[type=checkbox]").prop('checked');
                        if (selected) {
                            groupRecipientIdSelect.push(id);
                        } else {
                            $('#select_all_group').attr('checked', false);
                            var index = groupRecipientIdSelect.indexOf(id);
                            if (index !== -1)
                                groupRecipientIdSelect.splice(index, 1);
                        }
                        if (groupRecipientIdSelect.length === values.length) {
                            $('#select_all_group').attr('checked', true);
                        } else {
                            $('#select_all_group').attr('checked', false);
                        }
                    } else {
                        //Clicked somewhere else (-> your code)
                        var selected = $(this).find("input[type=checkbox]").prop('checked');
                        if (selected) {
                            $('#select_all_group').attr('checked', false);
                            $(this).find("input[type=checkbox]").attr("checked", false);
                            // remove this id from 
                            var index = groupRecipientIdSelect.indexOf(id);
                            if (index !== -1)
                                groupRecipientIdSelect.splice(index, 1);
                        } else {
                            $(this).find("input[type=checkbox]").attr("checked", true);
                            // add id to list
                            groupRecipientIdSelect.push(id);
                        }
                        if (groupRecipientIdSelect.length === values.length) {
                            $('#select_all_group').attr('checked', true);
                        } else {
                            $('#select_all_group').attr('checked', false);
                        }
                    }
//                    console.log(groupRecipientIdSelect);
                    if (groupRecipientIdSelect.length === noRecipient) {
                        $('#select_all_group').attr('checked', true);
                    }
                    // re check selected
                    $(this).addClass("recipient_group_selected");
                    $("#warning-select").hide();
                });
            },
            templateUrl: "Template/group_recipient_list.html",
            okCallback: function (modal) {
                if (groupRecipientIdSelect) {
                    // do add
                    var pName = HoGoUtils.getPageName();
                    if (pName === 'recipientdetail.html') {
                        checkedList.push(HoGoUtils.getParameter()["repid"]);
                    }
//                    console.log("here", groupRecipientIdSelect);
                    if (groupRecipientIdSelect.length === 0) {
                        Modal.showAlert({
                            "title": i18n.t('modal.default_title'),
                            "content": i18n.t('group_recipient.message.warning_select.group_rep')
                        });

                    } else {
                        doAddRecipientToGroupRecipient(checkedList, groupRecipientIdSelect);
                    }
                } else if (groupRecipientIdSelect === "") {
//                    console.log('here');

                } else {
//                    console.log("not seletect");
                    $("#warning-select").show();
                }
            }
        });
    }
    ;


    function showRecipientGroupsList() {
        getRecipientGroupList(function (list_group_recipient) {
            // get sucess
            if (list_group_recipient.length > 0) {
                var values = [];
                $.each(list_group_recipient, function (idx, val) {
                    values.push({id: val.group_id, groupname: val.group_name, createdate: val.create_date, description: val.description, no_recipient: val.no_recipients});
                });

                addMoveRecipientToRecipientGroup(values);

            } else {
                Modal.showAlert({"content": i18n.t('show_message.add_no_group_rep')});
            }
        }, function () {
            // can not get list group recipient
            Modal.showAlert({"content": i18n.t('show_message.error.list_group_rep')});
        });
    }
    ;

    function getListAddRecipient(cb, error) {
        var params = {};
        params["SessionID"] = s.getSessionID();
        params["UserID"] = HoGoUtils.getParameter()["userID"];
        params["GroupID"] = HoGoUtils.getParameter()["group_recipient_id"];
        var url = 'api/v1/GetListAddRepient';
        $.ajax({
            url: url,
            type: 'GET',
            data: params,
            dataType: "json",
            success: function (data) {
//                console.log(data);
                if (data.status === "OK") {
                    cb && cb(data.list_recipients);
                } else {
                    error && error();
                }
            },
            error: function () {
//                window.location.href = "addressbooklist";
            }
        });
    }
    ;

    function addRecipientToRecipientGroup(data) {
        var groupRecipientIdSelect = [];
        var noRecipient;
        Modal.createModal(2, {
            title: i18n.t('modal.group_rep.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {
                HoGoUtils.validateForm('validationCP', AddressBook);
                var options = {
                    valueNames: ['name', 'e_mail', 'company', {data: ['id']}],
                    item: '<li data-id="id" class="upload-file list-group-item item-select">'
                            + '<div class="row">'
                            + '<div class="col-xs-1">'
                            + '<div class="checkbox"><input type="checkbox" name="check_group" id="select_id" style="margin-top: 0; margin-bottom: 5px; margin-left: 0"/></div>'
                            + '<label for="" class="checker"></label>'
                            + '</div>'
                            + '<div class="col-xs-3"><span class="name"></span></div>'
                            + '<div class="col-xs-5"><span class="e_mail"></span></div>'
                            + '<div class="col-xs-3"><span class="company"></span></div>'
                            + '</div></li>'
//                    page: 3, 
//                    pagination: true
                };

                var values = data;
                // Init list
                var listGroupRecipient = new List('listrecipients', options, values);
                $("#search_group").keyup(function () {
                    if ($("#search_group").val() !== "") {
                        listGroupRecipient.search($("#search_group").val(), ['name']);
                        listGroupRecipient.search($("#search_group").val(), ['e_mail']);
                    } else {
                        listGroupRecipient.search();
                    }

                });
                $("#select_all_group").click(function () {
                    var dataList;
                    if ($(this).prop('checked')) {
                        $('input:checkbox').prop('checked', true);
                        var selected = $('.item-select').find("input[type=checkbox]").prop('checked');
//                        console.log(selected);
                        if (selected) {
                            var dataSelect = $('.item-select').map(function () {
                                return $(this).data("id");
                            }).get();
                            dataList = dataSelect;
                            noRecipient = dataList.length;
                        }
                        $('.item-select').click(function () {
                            var id = $(this).attr('data-id');
//                            console.log(id);
                            var selected = $(this).find("input[type=checkbox]").prop('checked');
                            if (!selected) {
                                Array.prototype.remove = function () {
                                    var what, a = arguments, L = a.length, ax;
                                    while (L && this.length) {
                                        what = a[--L];
                                        while ((ax = this.indexOf(what)) !== -1) {
                                            this.splice(ax, 1);
                                        }
                                    }
                                    return this;
                                };
                                dataSelect.remove(id);
                                dataList = dataSelect;
                            }
                        });
                        groupRecipientIdSelect.push(dataList);
                    } else {
                        $('input:checkbox').attr('checked', false);
                        var selected = $('.item-select').find("input[type=checkbox]").prop('checked');
                        dataList = [];

                    }
//                    console.log(dataList);
                    groupRecipientIdSelect = dataList;
                });
                var editBtns = $('.item-select');
                editBtns = $(editBtns.selector);
                editBtns.click(function (e) {
                    var id = $(this).attr('data-id');
                    if ($(e.target).closest('input[type="checkbox"]').length > 0) {
                        //Chechbox clicked
                        var selected = $(this).find("input[type=checkbox]").prop('checked');
                        if (selected) {
                            groupRecipientIdSelect.push(id);
                        } else {
                            $('#select_all_group').attr('checked', false);
                            var index = groupRecipientIdSelect.indexOf(id);
                            if (index !== -1)
                                groupRecipientIdSelect.splice(index, 1);
                        }

                        if (groupRecipientIdSelect.length === values.length) {
                            $('#select_all_group').attr('checked', true);
                        } else {
                            $('#select_all_group').attr('checked', false);
                        }
                    } else {
                        //Clicked somewhere else (-> your code)
                        var selected = $(this).find("input[type=checkbox]").prop('checked');
                        if (selected) {
                            $('#select_all_group').attr('checked', false);
                            $(this).find("input[type=checkbox]").attr("checked", false);
                            // remove this id from 
                            var index = groupRecipientIdSelect.indexOf(id);
                            if (index !== -1)
                                groupRecipientIdSelect.splice(index, 1);
                        } else {
                            $(this).find("input[type=checkbox]").attr("checked", true);
                            // add id to list
                            groupRecipientIdSelect.push(id);
                        }
                        if (groupRecipientIdSelect.length === values.length) {
                            $('#select_all_group').attr('checked', true);
                        } else {
                            $('#select_all_group').attr('checked', false);
                        }
                    }
//                    console.log(groupRecipientIdSelect);
                    if (groupRecipientIdSelect.length === noRecipient) {
                        $('#select_all_group').attr('checked', true);
                    }
                    // re check selected
                    $(this).addClass("recipient_group_selected");
                    $("#warning-select").hide();
                });
            },
            templateUrl: "Template/recipient_list.html",
            okCallback: function (modal) {
                if (groupRecipientIdSelect) {
                    // do add
                    var pName = HoGoUtils.getPageName();
                    if (pName === 'grouprecipientdetail.html') {
                        var groupid = HoGoUtils.getParameter()["group_recipient_id"];
                    }
                    if (groupRecipientIdSelect.length === 0) {
                        Modal.showAlert({
                            "title": i18n.t('modal.default_title'),
                            "content": i18n.t('group_recipient.message.warning_select.rep')
                        });

                    } else {
                        doAddRecipientToGroupRecipient(groupRecipientIdSelect, groupid);
                    }


                } else {
//                    console.log("not seletect");
                    $("#warning-select").show();
                }
            }
        });
    }
    ;

    function showAddListRecipient() {
        getListAddRecipient(function (list_recipients) {
            // get sucess
            if (list_recipients.length > 0) {
                var values = [];
//                console.log(list_recipients.length);
                $.each(list_recipients, function (idx, val) {
                    values.push({id: val.id, company: val.company, createdate: val.create_date, e_mail: val.e_mail, name: val.first_name + " " + val.last_name});
                });

                addRecipientToRecipientGroup(values);

            } else {
                Modal.showAlert({"content": i18n.t('show_message.add_no_rep')});
            }
        }, function () {
            // can not get list group recipient
            Modal.showAlert({"content": i18n.t('show_message.error.list_rep')});
        });
    }
    ;
    //
    // Manage recipient detail including their information, their history
    //
    var RecipientDetail = {
        // Parameter
        repId: HoGoUtils.getParameter()["repid"],
        // List document object
        docList: [],
        // List document ids presentative for docList
        docIds: [],
        // Create as a model
        firstname: null, middlename: null, lastname: null, company: null, email: null, count: 0, isChanged: false,
        /**
         * Get recipient detail
         * @returns {jqXHR}
         */
        getRecipientDetail: function () {
            var $this = this;
            //Get recipient detail
            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/GetRecipientDetail?time=" + new Date().getTime(),
                data: {RecipientID: RecipientDetail.repId, SessionID: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
                timeout: HoGoConst.APITimeout,
                success: function (dt) {

                    if (dt.status === "OK") {

                        $.each(dt.detail, function (key, value) {
                            if (value.status === 1) {
                                // render view addressbook list depend on language
                                HoGoUtils.renderNameBaseLang(HoGoUtils.getPageName(), i18n.lng());

                                //Map data on view
                                $("#firstname").val(value.first_name);
                                $("#middlename").val(value.middle_name);
                                $("#lastname").val(value.last_name);
                                $("#company").html(value.company);
                                $("#company").val($("#company").text());
                                $("#email").val(value["e-mail"]);

                                //Set info value
                                $this.firstname = value.first_name;
                                $this.middlename = value.middle_name;
                                $this.lastname = value.last_name;
                                $this.email = value["e-mail"];
                                $this.company = value.company;
                            } else {
                                window.location = "AddressBookList";
                            }
                        });
                    } else {
                        window.location = "AddressBookList";
                    }
                },
                error: function () {
                    console.log(HoGoUtils.getPageName());
                    if (HoGoUtils.getPageName() === 'recipientdetailadmin.html') {
                        window.location = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"] + "#/recipient-list";
                    } else {
                        window.location = "AddressBookList";
                    }
                }
            });
        },
        /**
         * Create history table for recipient
         * @returns {undefined}
         */
        getHistoryOfRecipient: function () {
            var _this = RecipientDetail;
            // History list
            $('#tablepaging').dataTable({
                "aaSorting": [[0, 'desc']],
                "bFilter": false,
                "bInfo": false,
                "bLengthChange": false,
                "bPaginate": true,
                "iDisplayLength": 10,
                "sPaginationType": "full_numbers",
                "oLanguage": DTUtils.DTLang,
                "sDom": 'pli<"clear">tr',
                "bServerSide": true,
                "bProcessing": true,
                "sAjaxSource": "api/v1/GetHistoryForRecipientDocument",
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                    $.ajax({
                        "dataType": 'json',
                        "type": "POST",
                        "url": sSource,
                        "timeout": HoGoConst.APITimeout,
                        "data": historyRecipientDocumentPostData(aoData, RecipientDetail.repId, "undefined"),
                        "success": function (data) {

                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            if (data.status === "OK") {
                                // Reset first
                                _this.docIds = [];
                                var newIds = [];
                                // Get ids from doc list
                                $.each(RecipientDetail.docList, function (i, d) {
                                    _this.docIds.push(d.document_id);
                                });
                                // Loop
                                $.each(data.history_detail, function (key, value) {
                                    json.aaData.push({"package_id": value.package_id, "document_id": value.document_ids, "history_id": value.history_id, "history_type": value.history_type, "create_date": DateUtils.convertFullDate(DateUtils.convertUTCToLocalTime(value.create_date, s.getTimeZone()))});
                                    // Push to list document in order to get detail information
                                    if (value.history_type === HoGoConst.DOCUMENT_VIEWED_TYPE || value.history_type === HoGoConst.DOCUMENT_OPENED_TYPE) {
                                        // Check whenter has new id or not 
                                        if ($.inArray(value.document_ids, _this.docIds) === -1) {
                                            newIds.push(value.document_ids);
                                        }
                                    }
                                });
                                if (newIds.length > 0) {
                                    _this.docIds = newIds;
                                } else {
                                    // No new id
                                    _this.docIds = [];
                                }
                            } else {
                                window.location.href = "AddressBookList";
                            }
                            fnCallback(json);
                        }
                    });
                },
                "fnRowCallback": function (nRow, aData) {
                    $("td:eq(2)", nRow).html("");
                    switch (aData.history_type) {
                        // Viewed type
                        case HoGoConst.DOCUMENT_VIEWED_TYPE:
                        case HoGoConst.DOCUMENT_OPENED_TYPE:
                            var content = i18n.t('history.event.recipient_viewed');
                            if (aData.history_type === HoGoConst.DOCUMENT_OPENED_TYPE)
                                content = '<span>' + i18n.t('history.event.recipient_opened') + '</span>';
                            if (aData.document_id) {
                                if (UserSession.getAdminObject() === null) {
                                    $("td:eq(1)", nRow).html(content + ' <a href=MyDocumentDetail?documentId=' + aData.document_id + ' class="mark-content-link" doc-id=' + aData.document_id + '></a>');
                                } else {
                                    $("td:eq(1)", nRow).html(content + ' <a href=MyDocumentDetailAdmin?documentId=' + aData.document_id + "&userID=" + HoGoUtils.getParameter()["userID"] + ' class="mark-content-link" doc-id=' + aData.document_id + '></a>');
                                }
                            }
                            if (UserSession.getAdminObject() === null) {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            } else {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "></a>");
                            }
                            nRow.ondblclick = function () {
                                if (UserSession.getAdminObject() === null) {
                                    window.location.href = "PackageDetailDownload?packageId=" + aData.package_id;
                                } else {
                                    window.location.href = "PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"];
                                }
                            };
                            break;
                            // Sent type
                        case HoGoConst.DIRECT_SEND_TYPE:
                        case HoGoConst.CREATE_LINK_NONDOWNLOAD_TYPE:
                        case HoGoConst.CREATE_LINK_DOWNLOAD_TYPE:
                        case HoGoConst.LINK_SPECIFY_CREATED_TYPE:
                        case HoGoConst.LINK_ANONYMOUS_CREATED_TYPE:
                            $("td:eq(1)", nRow).html(HoGoUtils.parseHistoryTypeToText(aData.history_type));
                            if (UserSession.getAdminObject() === null) {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            } else {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "></a>");
                            }
//                            $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            nRow.ondblclick = function () {
                                //Go detail
                                if (UserSession.getAdminObject() === null) {
                                    window.location.href = "PackageDetailDownload?packageId=" + aData.package_id;
                                } else {
                                    window.location.href = "PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"];
                                }
                            };
                            break;

                        default:
                            $("td:eq(1)", nRow).html(HoGoUtils.parseHistoryTypeToText(aData.history_type));
                            break;
                    }
                },
                "aoColumnDefs": [
                    {'bSortable': false, 'aTargets': [1, 2]}
                ],
                "fnDrawCallback": function (oSettings) {
                    // Setup datatable control
//                    DTUtils.fnSetUpTableControl(oSettings);
                    // Get document information
                    if (_this.docIds.length > 0) {

                        $.post('api/v1/GetDocumentDetail', {SessionID: UserSession.getSessionID(), DocumentID: _this.docIds.toString(), Delete: true, "UserID": HoGoUtils.getParameter()["userID"]}, function (data) {
                            if (data.status === 'OK') {

                                $.each(data.detail, function (id, doc) {
                                    var jdoc = {document_id: id, file_name: doc.file_name, title: doc.title, size: doc.file_size, status: doc.status};
                                    // Push to doc list
                                    RecipientDetail.docList.push(jdoc);
                                });

                                // Render on view again
                                $.each(RecipientDetail.docList, function (i, doc) {
                                    // Find all element which content docId
                                    $.each($('.sent-info').find('.mark-content-link'), function (i, e) {
                                        if ($(e).attr('doc-id') === doc.document_id) {
                                            // Set up new content
                                            $(e).text(doc.file_name);
                                            if (doc.status === HoGoConst.REMOVED_STATUS) {
                                                $(e).removeAttr('href').removeClass('mark-content-link').addClass('mark-content-delete').attr('title', 'This document has been deleted');
                                            }
                                        }
                                    });
                                });
                            }
                        });
                    } else {
                        // Render on view again
                        $.each(RecipientDetail.docList, function (i, doc) {
                            // Find all element which content docId
                            $.each($('.sent-info').find('.mark-content-link'), function (i, e) {
                                if ($(e).attr('doc-id') === doc.document_id) {
                                    // Set up new content
                                    $(e).text(doc.file_name);
                                    if (doc.status === HoGoConst.REMOVED_STATUS) {
                                        $(e).removeAttr('href').removeClass('mark-content-link').addClass('mark-content-delete').attr('title', 'This document has been deleted');
                                    }
                                }
                            });
                        });
                    }
                },
                "aoColumns": [
                    {"mDataProp": "create_date"},
                    {"mDataProp": "history_type"},
                    {"mDataProp": "package_id"}
                ]
            });
        },
        fnDeleteRecipient: function () {
            // Call API
            $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/DeleteRecipient",
                data: {RecipientID: HoGoUtils.getParameter()["repid"], SessionID: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
                beforeSend: function () {

                    //Append indicator
                    appendLoadingWithText("iDeleteRecpient", "#validation", i18n.t('loader.delete'), true);
                },
                timeout: HoGoConst.APITimeout,
                success: function (dt) {

                    removeLoading("iDeleteRecpient");

                    if (dt.status === "OK") {

                        window.location.href = "AddressBookList";
                    } else {
                        Modal.showAlert({content: i18n.t('addressbook.message.fail_delete')});
                    }
                }
            });
        },
        sendToWizard: function () {

            var json = {u_id: s.getSessionID(), rep: this.email};
            $.cookie('rep', JSON.stringify(json));
            window.location.href = "SendWizard";
        },
        doUpdateRecipient: function () {

            //Validate all pass
            if (!formStatus) {
                return false;
            }
            var postData1 = {};
            //Put data
            postData1["RecipientID"] = HoGoUtils.getParameter()["repid"];

            postData1["SessionID"] = s.getSessionID();

            postData1["UserID"] = HoGoUtils.getParameter()["userID"];
            $("#validation").find(':input').each(function () {
                //Prevention script .replace(/&/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;").replace(/"/g, "&quot;")
                postData1[$(this).attr('name')] = $(this).val().trim();
            });

            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/UpdateRecipient",
                data: postData1,
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {
                    //Disable btn save
                    HoGoUtils.disableButton('#update-recipient', {colorClass: 'green'});
                    //Display loader 
                    $(".actionBar>.loader").show('fast');
                },
                success: function (dt) {
                    //After save update var isChanged
                    RecipientDetail.isChanged = false;
                    //Remove load 
                    $(".actionBar>.loader").hide('slow');
                    if (dt.status === "OK") {
                        //Stay current page and disable button
                        RecipientDetail.isChanged = false;
                        RecipientDetail.getRecipientDetail();
                    } else {

                        if (dt.status === APIConst.RECIPIENT_ALREADY_EXIST) {
                            Modal.showAlert({
                                title: i18n.t('addressbook.message.exist_email.title'),
                                content: i18n.t('addressbook.message.exist_email.content')
                            });
                        } else {
                            fnSessionTimeout(dt, null, "AddressBookList");
                        }
                    }
                }
            });
        },
        loadGroupRecipientList: function () {
            var params = {};
            params["SessionID"] = s.getSessionID();
            params["RecipientID"] = HoGoUtils.getParameter()["repid"];
            params["UserID"] = HoGoUtils.getParameter()["userID"];
            $.ajax({
                url: 'api/v1/GetListGroupWithRe?time=' + new Date().getTime(),
                type: 'GET',
                data: params,
                dataType: "json",
                success: function (data) {
                    if (data.status === "OK") {
                        var contentView = "";
                        $.each(data.list_group_recipients, function (id, value) {

                            contentView += '<li data-id="' + value.group_id + '" class="list-group-item item-select">' +
                                    '<div class="row">' +
                                    '<div class="col-xs-1">' +
                                    '</div>' +
                                    '<div class="col-xs-8">' +
                                    '<div style="overflow : hidden">' + value.group_name + '</div>' +
                                    '</div>' +
                                    '<div class="col-xs-1">' +
                                    '</div>' +
                                    '<div class="col-xs-2" id="delete_group">' +
                                    '<span class="glyphicon glyphicon-trash" style="cursor: pointer"></span>' +
                                    '</div>' +
                                    '</div>' +
                                    '</li>';
                        });
                        // Add Group
                        $("#listGroup").html(contentView);

                        var editBtns = $('.item-select');
                        editBtns = $(editBtns.selector);
                        editBtns.click(function () {
                            var id = $(this).attr('data-id');
                            Modal.showConfirmPopup({
                                title: i18n.t('addressbook.message.confirm_delete_group.title'),
                                content: i18n.t('addressbook.message.confirm_delete_group.content'),
                                okCallback: function () {
                                    fnDeleteGroupInRecipient(id);
                                }
                            });
                        });

                    } else {
                        Modal.showAlert({
                            title: i18n.t("mydocument.dashboard.modal.no_data_title"),
                            content: i18n.t("mydocument.dashboard.modal.no_data_message")
                        });
                    }

                },
                error: function () {
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            });
        },
        loadRecipientListByGroupID: function () {
            var params = {};
            params["SessionID"] = s.getSessionID();
            params["GroupID"] = HoGoUtils.getParameter()["group_recipient_id"];
            params["UserID"] = HoGoUtils.getParameter()["userID"];
            $.ajax({
                url: 'api/v1/GetListGroupWithRe?time=' + new Date().getTime(),
                type: 'GET',
                data: params,
                dataType: "json",
                success: function (data) {
                    if (data.status === "OK") {
                        var contentView = "";
                        $.each(data.list_group_recipients, function (id, value) {

                            contentView += '<li data-id="' + value.group_id + '" class="list-group-item item-select">' +
                                    '<div class="row">' +
                                    '<div class="col-xs-1">' +
                                    '</div>' +
                                    '<div class="col-xs-8">' +
                                    '<div>' + value.group_name + '</div>' +
                                    '</div>' +
                                    '<div class="col-xs-1">' +
                                    '</div>' +
                                    '<div class="col-xs-2" id="delete_group">' +
                                    '<span class="glyphicon glyphicon-trash" style="cursor: pointer"></span>' +
                                    '</div>' +
                                    '</div>' +
                                    '</li>';
                        });
                        // Add Group
                        $("#listGroup").html(contentView);

                        var editBtns = $('.item-select');
                        editBtns = $(editBtns.selector);
                        editBtns.click(function () {
                            var id = $(this).attr('data-id');
                            Modal.showConfirmPopup({
                                title: i18n.t('addressbook.message.confirm_delete_group.title'),
                                content: i18n.t('addressbook.message.confirm_delete_group.content'),
                                okCallback: function () {
                                    fnDeleteGroupInRecipient(id);
                                }
                            });
                        });

                    } else {
                        Modal.showAlert({
                            title: i18n.t("mydocument.dashboard.modal.no_data_title"),
                            content: i18n.t("mydocument.dashboard.modal.no_data_message")
                        });
                    }

                },
                error: function () {
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            });
        }

    };


    //
    // Manage adding recipient
    //
    var AddRecipient = {
        isChanged: false,
        oTable: null,
        firstname: "",
        middlename: "",
        lastname: "",
        company: "",
        email: "",
        addRecipient: function () {

            if (!formStatus) {
                return;
            }
            var postData1 = {};
            $("#validation").find(':input').each(function () {
                postData1[$(this).attr('name')] = $.trim($(this).val());
            });
            postData1["SessionID"] = s.getSessionID();

            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/AddRecipient",
                data: postData1,
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {
                    //Disable btn save
                    HoGoUtils.disableButton('#add-recipient', {colorClass: 'green'});
                    //Display loader 
                    $("#validation .loader").show('fast');
                },
                success: function (dt) {
                    //Enable btn 
                    HoGoUtils.enableButton('#add-recipient', {colorClass: 'green', isSubmitForm: true});
                    //Remove load 
                    $("#validation .loader").hide('slow');

                    if (dt.status === "OK") {
                        window.location.href = "AddressBookList";
                    } else {
                        if (dt.status === APIConst.RECIPIENT_ALREADY_EXIST)
                            Modal.showAlert({
                                title: i18n.t('addressbook.message.exist_email.title'),
                                content: i18n.t('addressbook.message.exist_email.content')
                            });
                        else {
                            fnSessionTimeout(dt);
                        }
                    }
                }
            });
        }
    };

    var AddGroupRecipient = {
        isChange: false,
        oTable: null,
        groupname: "",
        description: "",
        addGroupRecipient: function () {
            $('form#validation').find('.formErrorContent').css('white-space', 'nowrap');

            if (!AddressBook.fStatus) {
                return;
            }

            var postData = {};
            postData["group_name"] = $('#group_name').val().trim();
            postData["description"] = $('#description').val().trim();
            postData["sessionID"] = s.getSessionID();

            //TODO ajax
            return $.ajax({
                type: "POST",
                url: "api/v1/CreateGroupRecipient",
                data: postData,
                beforeSend: function () {
                    Modal.closeModal();
                },
                success: function (data) {
                    if (data.status === 'OK') {

                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('show_message.create_group_success'),
                            "autoClose": true,
                            "time": 800
                        });
//                        window.location.href = "AddressBookList";
                        if (grTable)
                            grTable.fnDraw();
                    } else if (data.status === 'CreateFail') {
                        Modal.showAlert({content: i18n.t('show_message.error.create_group')});
                    } else {
                        fnSessionTimeout(data);
                    }
                }
            });
        }
    };

    var GroupRecipientDetail = {
        // Parameter
        grouprepId: HoGoUtils.getParameter()["group_recipient_id"],
        // Create as a model
        groupname: null, isDetailChanged: false, groupDes: null,
        getGroupRecipientDetail: function () {
            var $this = this;
            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/GetDetailGroupRecipient",
                data: {group_recipient_id: GroupRecipientDetail.grouprepId, session_id: UserSession.getSessionID()},
                timeout: HoGoConst.APITimeout,
                success: function (dt) {
//                    userDetail = dt.detail;
                    if (dt.status === "OK") {
                        if (dt.status === HoGoConst.ACTIVE_STATUS || HoGoConst.INACTIVE_STATUS) {
                            // Set model & view
                            $("#groupname").val(dt.results.group_name);
                            $("#description").val(dt.results.description);
                            $("#createdate").val(dt.results.create_date);
                            $("#numberrecipient").val(dt.results.no_recipients);
//                            hasChangeElement();
//Set info value
                            $this.groupname = dt.results.group_name;
                            $this.groupDes = dt.results.description;

                        }
                    } else {
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                }
            });
        },
        doUpdateGroupRecipient: function () {
//            console.log(!AddressBook.fStatus);
//            console.log(groupname);
            if (!formStatus) {
                return false;
            }
            var postData = {};
            postData["group_recipient_id"] = HoGoUtils.getParameter()["group_recipient_id"];
            postData["session_id"] = UserSession.getSessionID();
            $('form').find(':input').each(function () {
                postData[$(this).attr('name')] = $(this).val().trim();
//                console.log(postData);
            });

            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/UpdateGroupRecipient",
                data: postData,
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {
                    //Disable btn save
                    HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});
                    //Display loader 
                    $(".actionBar>.loader").show('fast');
                },
                success: function (dt) {
                    //After save update var isChanged

                    GroupRecipientDetail.isDetailChanged = false;
                    //Remove load 
                    $(".actionBar>.loader").hide('slow');
                    if (dt.status === "OK") {
                        //Stay current page and disable button
                        GroupRecipientDetail.isDetailChanged = false;
                        GroupRecipientDetail.getGroupRecipientDetail();
                    } else {
//
//                        if (dt.status === APIConst.EMAIL_COMPANY_RECIENT_ALREADY_EXIST) {
//                            Modal.showAlert({
//                                title: i18n.t('company_recipient.message.exist_email.title'),
//                                content: i18n.t('company_recipient.message.exist_email.content')
//                            });
//                        } else {
//                            fnSessionTimeout(dt, null, "CompanyRecipientList");
//                        }
                    }
                }
            });
        }
    };

    /**
     * Check whether input value has changed or not
     * @returns {Boolean}
     */
    function hasChangeElement() {

        HoGoUtils.enableButton('#btnSave', {
            colorClass: 'green',
            isSubmitForm: true,
            formID: 'validation'
        });
        // Value has changed
        return true;
    }
    ;

    function showPopUpAddNewGroupRecipient() {
        Modal.createModal(2, {
            title: i18n.t('group_recipient.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validation', AddressBook);

            },
            templateUrl: "Template/add_new_group_recipient.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();

                AddGroupRecipient.addGroupRecipient();
            }
        });
    }
    ;

    function fnWarningDeleteRecipientGroup() {
//        console.log(checkedListGroup);
        if (checkedListGroup.length === 0) {
            return false;
        } else {
            Modal.showConfirmPopup({
                title: i18n.t('group_recipient.message.confirm_delete.title'),
                content: i18n.t('group_recipient.message.confirm_delete.content'),
                okCallback: fnDeleteGroupRecipient
            });
        }
    }

    function fnDeleteGroupRecipient() {

        // Call API
        var id = "";
        if (HoGoUtils.getPageName() === "grouprecipientdetail.html") {
            id = HoGoUtils.getParameter()["group_recipient_id"];
        } else {
            id = checkedListGroup.toString();
        }
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/DeleteGroupRecipient",
            data: {group_recipient_id: id, sessionID: s.getSessionID()},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                appendLoadingWithText("iDeleteGroupRecpient", "#wizard", i18n.t('loader.delete'), true);
            },
            success: function (dt) {
                removeLoading("iDeleteGroupRecpient");
                //Clear error list
                checkedListGroup = [];
                if (dt.status === "OK") {
                    HoGoUtils.disableButton('#btn_delete_group_recipient', {colorClass: 'green'});
                    HoGoUtils.disableButton('#btn_send_group_recipient', {colorClass: 'green'});
//                    console.log(HoGoUtils.getPageName());
                    if (HoGoUtils.getPageName() === "grouprecipientdetail.html") {
                        window.location.href = 'AddressBookList';

                    } else {
                        //Update status (SEND/DELETE/CHECKALL)
                        $('#cbo_selectall').prop('checked', false);

                        $('label[for=cbo_selectall]').removeClass('checked');

                        DTUtils.fnDisableControl(lDisableButton);

                        //Update table
                        oTable.fnDraw();
                        //Splice check list
                        checkedListGroup = [];
                    }

                } else {
                    Modal.showAlert({content: i18n.t('group_recipient.message.fail_delete')});
                }
                //window.location.href = "AddressBookList"; //hunghung
                if (grTable)
                    grTable.fnDraw();
            },
            error: function () {
                Modal.showAlert({content: i18n.t('error.unknown')});
            }
        });
    }

    function fnDeleteGroupInRecipient(groupId) {
        // Call API
        var repid = null;
        var pName = HoGoUtils.getPageName();
        if (pName === "grouprecipientdetail.html") {
            repid = checkedList;
            groupId = HoGoUtils.getParameter()["group_recipient_id"];
//            console.log(checkedList);
        } else {
            repid = HoGoUtils.getParameter()["repid"];
        }
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/DeleteGroupInRecipient",
            data: {RecipientId: repid.toString(), sessionID: s.getSessionID(), GroupId: groupId},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                appendLoadingWithText("iDeleteGroupRecpient", "#wizard", i18n.t('loader.delete'), true);
            },
            success: function (dt) {
                removeLoading("iDeleteGroupRecpient");
                //Clear error list
                checkedListGroup = [];
                if (dt.status === "OK") {

                } else {
                    Modal.showAlert({content: i18n.t('group_recipient.message.fail_delete')});
                }
                if (pName === "grouprecipientdetail.html") {
                    window.location.href = "GroupRecipientDetail?group_recipient_id=" + HoGoUtils.getParameter()["group_recipient_id"];
                } else {
                    window.location.href = "RecipientDetail?repid=" + HoGoUtils.getParameter()["repid"] + "&time=" + new Date().getTime();
                }
            },
            error: function () {
                Modal.showAlert({content: i18n.t('error.unknown')});
            }
        });
    }

    function doAddRecipientToGroupRecipient(recipientIds, grouprecipientIds) {
        var postData = {};
        postData["group_recipient_ids"] = grouprecipientIds.toString();
        postData["recipient_id"] = recipientIds.toString();
        postData["session_id"] = s.getSessionID();
//        console.log(postData);
        //TODO ajax
        return $.ajax({
            type: "POST",
            url: "api/v1/AddMoveRecipientGroupRecipient",
            data: postData,
            beforeSend: function () {
                Modal.closeModal();
            },
            success: function (data) {
                if (data.status === 'OK') {

                    HoGoUtils.makeNotifyServer({
                        "msg": i18n.t('show_message.move_add_success'),
                        "autoClose": true,
                        "time": 2000
                    });
                    if (HoGoUtils.getPageName() === 'recipientdetail.html') {
                        window.location.href = "RecipientDetail?repid=" + HoGoUtils.getParameter()["repid"] + "&time=" + new Date().getTime();
                    }
                    if (oTable)
                        oTable.fnDraw();
                    if (grTable)
                        grTable.fnDraw();

//                    if (HoGoUtils.getPageName() === "mydocumentdetail.html") {
//                        MyDocumentDetail.getDocumentDetail();
//                    }
                } else {
                    Modal.showAlert(i18n.t('show_message.error.move_rep'));
                }
            }
        });
    }

    function fnSendRecipientGroup() {
//        console.log("send ðây");
    }

    return {
        fStatus: false,
        /**
         * Get datatable list recipient
         * @returns {unresolved}
         */
        getTableList: function () {
            return oTable;
        },
        doUpdateRecipient: RecipientDetail.doUpdateRecipient,
        addRecipient: AddRecipient.addRecipient,
        addGroupRecipient: AddGroupRecipient.addGroupRecipient,
        doUpdateGroupRecipient: GroupRecipientDetail.doUpdateGroupRecipient,
        /**
         * Remove recipient from Popup
         * @param {type} _itself Recipient record
         * @returns {undefined}     
         */
        trashRecipient: function (_itself) {

            // Get the position of the current data from the node
            var aPos = iTable.fnGetPosition(_itself.closest('tr').get(0));

            //Delete the row
            iTable.fnDeleteRow(aPos);

            //Check if delete all data
            if (iTable.fnGetData().length === 0) {
                HoGoUtils.disableButton('#btn-save-csv', {colorClass: 'green', handler: doImportRecipient});
            }
        },
        init: function () {
            console.log(prePage);
            var pName = HoGoUtils.getPageName();
            if (pName === "recipientdetailadmin.html") {
                HoGoUtils.makeLeftMenuAdmin();
                HoGoUtils.makeHrefHeaderAdmin();
                $('#btn-bw-detail').on('click', function () {
//                    window.location.href = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"] + "#/recipient-list";
                    $("#btn-bw-detail").attr("href", prePage);

                });
                $('#btn_delete_redetail').on('click', function () {
                    Modal.showConfirmPopup({
                        title: i18n.t('addressbook.message.confirm_delete.title'),
                        content: i18n.t('addressbook.message.confirm_delete.content'),
                        okCallback: fnDeleteRecipient
                    });
                });
            }
            if (pName === "userdetail.html") {
                HoGoUtils.makeLeftMenuAdmin();
            }
            if (pName === "grouprecipientdetail.html") {
                makeTableRecipientInGroup('recipient_list');
                GroupRecipientDetail.getGroupRecipientDetail();
                $('#btn_delete_group_recipient').on('click', function () {
                    Modal.showConfirmPopup({
                        title: i18n.t('addressbook.message.confirm_delete_group.title'),
                        content: i18n.t('addressbook.message.confirm_delete_group.content'),
                        okCallback: function () {
                            fnDeleteGroupRecipient();
                        }
                    });
                });

                $('#btn_send_group_recipient').on('click', function () {
//                    $('input[name=child]').each(function () {
//                        var checkAll = $(this).attr("id");
//                        checkedListRepGroupDetail.push(checkAll);//Add
//                    });

//                    fnAddRecipientToSession();
                });

                $('#btn_add_recipient').on('click', function () {
                    showAddListRecipient();
                });

                $('#RecipientListInGroup #select_all').on('click', function () {

                    DTUtils.checkboxSelectAllEvent(this, "child", checkedList);
                    if (checkedList.length > 0) {
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        DTUtils.fnDisableControl(lDisableButton);
                    }

                });
                $('#btn-bw').on('click', function () {
//                    window.location.href = "AddressBookList";
                    $("#btn_bw").attr("href", prePage);
                });

                $('#btn_delete_group_recipient_detail').on('click', function () {
//                    console.log(pName);
                    Modal.showConfirmPopup({
                        title: i18n.t('addressbook.message.confirm_delete_group.title'),
                        content: i18n.t('addressbook.message.confirm_delete_group.content'),
                        okCallback: function () {
                            fnDeleteGroupRecipient();
                        }
                    });
                });

                /* Text change */
                $('#groupname, #description').live('keyup focusout', (function () {
                    if (GroupRecipientDetail.groupname !== $.trim($('#groupname').val()) || GroupRecipientDetail.groupDes !== $.trim($('#description').val())) {

                        GroupRecipientDetail.isDetailChanged = true;
                        HoGoUtils.enableButton('#btnSave', {colorClass: 'green', isSubmitForm: true});
                    } else {
                        RecipientDetail.isDetailChanged = false;
                        HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});
                    }
                }));

            }

            if (!init) {

                // Initialize AddressBook page
                if ($('#addressBook').length > 0) {
                    $('#importCsvTipsy').tipsy({gravity: 'nw', className: 'import-csv'});
                    // control download csv template ja
                    if (i18n.lng() === 'ja') {
                        $('#csvRepTemplate').attr('href', 'data/HoGo_Recipient_CSV_Template_Ja.csv');
                    }
                    if (HoGoUtils.getPageName() !== "userdetail.html")
                        makeTable('tablepaging');

                    // Event upload CSV - Remove attribute onchange on html tag. There's an error with Chrome >= 36 (call interval)
                    $('#file').live('change', function () {
                        AddressBook.uploadFile();
                        return false;
                    });

                    // Import Gmail button
                    $('#importGmail').live('click', function () {
                        getRecipientListFromGmail();
                    });

                    // Click import csv button
                    $("#importCSV").submit(function (event) {
                        event.preventDefault();
                        makeTableImport('tablepaging1');
                    });

                    $("#filter").keyup(function () {
                        oTable.fnFilter($("#filter").val());
                    });

                    $('#groupRecipientList #cbo_selectall').on('click', function () {

                        DTUtils.checkboxSelectAllEvent(this, "child", checkedListGroup);
                        if (checkedListGroup.length > 0) {
                            DTUtils.fnEnableControl(lEnableButton);
                        } else {
                            DTUtils.fnDisableControl(lDisableButton);
                        }

                    });

                    // click cancel import popup
                    $('#btn-cancel-import-popup').live('click', function () {
                        Modal.closeModal();
                    });
                }

                // Initialize Recipient Detail page
                if ($('#recipientDetail').length > 0) {

                    RecipientDetail.getRecipientDetail();
                    RecipientDetail.getHistoryOfRecipient();
                    RecipientDetail.loadGroupRecipientList();
                    // Click delete button
                    $('#btn_delete').on('click', function () {

                        //Clean up error
                        $("body").find(".formError").each(function () {
                            $(this).remove();
                        });

                        RecipientDetail.isChanged = false;

                        Modal.showConfirmPopup({
                            title: i18n.t('addressbook.message.confirm_delete.title'),
                            content: i18n.t('addressbook.message.confirm_delete.content'),
                            okCallback: RecipientDetail.fnDeleteRecipient
                        });
                        return false;
                    });

                    // Click send button
                    $('#btn_send').on('click', function () {
                        RecipientDetail.sendToWizard();
                    });

                    // Click back button
                    $('#btn-bw').on('click', function () {
                        if (RecipientDetail.isChanged) {

                            $('body').find(".formError").remove();

                            Modal.showConfirmPopup({
                                okCallback: function () {
                                    $('#validation').submit();
                                },
                                cancelCallback: function () {
                                    window.location.href = "AddressBookList";
                                },
                                content: i18n.t('addressbook.message.confirm_save')
                            });
                            return false;
                        } else {
//                            window.location.href = prePage;
                            window.location.href = "AddressBookList";
                        }
//                          $("#btn_bw").attr("href", prePage);
                    });

                    /* Text change */
                    $('#firstname, #middlename, #lastname, #email, #company').live('keyup focusout', (function () {

                        if (RecipientDetail.firstname !== $.trim($('#firstname').val()) || RecipientDetail.middlename !== $.trim($('#middlename').val())
                                || RecipientDetail.lastname !== $.trim($('#lastname').val()) || RecipientDetail.company !== $.trim($('#company').val()) || RecipientDetail.email !== $.trim($('#email').val())) {

                            RecipientDetail.isChanged = true;
                            HoGoUtils.enableButton('#update-recipient', {colorClass: 'green', isSubmitForm: true});
                        } else {
                            RecipientDetail.isChanged = false;
                            HoGoUtils.disableButton('#update-recipient', {colorClass: 'green'});
                        }
                    }));
                }

// Initialize Group Recipient Detail page
                if ($('#groupRecipientList').length > 0) {

                    makeTableGroupRecipient();

                    $('#btn_add_group_recipient').on('click', function () {
                        showPopUpAddNewGroupRecipient();
                    });


                    $('#cbo_group_selectall').on('click', function () {
                        DTUtils.checkboxSelectAllEvent(this, "child_group", checkedListGroup);
//                        console.log(checkedList);
                        if (checkedListGroup.length > 0) {
                            DTUtils.fnEnableControl(lEnableGroupRecipientButton);
                        } else {
                            DTUtils.fnDisableControl(lDisableGroupRecipientButton);
                        }
                    });


                }
                // Initialize AddRecipient page
                if ($('#addRecipient').length > 0) {

                    HoGoUtils.renderNameBaseLang(HoGoUtils.getPageName(), i18n.lng());

                    /* Event text change */
                    $('#firstname,#middlename,#lastname,#email,#company').live('keyup focusout', (function () {
                        if (AddRecipient.firstname !== $.trim($('#firstname').val()) || AddRecipient.middlename !== $.trim($('#middlename').val())
                                || AddRecipient.lastname !== $.trim($('#lastname').val()) || AddRecipient.company !== $.trim($('#company').val()) || AddRecipient.email !== $.trim($('#email').val())) {

                            if (!AddRecipient.isChanged) {
                                AddRecipient.isChanged = true;
                                HoGoUtils.enableButton('#add-recipient', {colorClass: 'green', isSubmitForm: true});
                            }
                        } else {
                            if (AddRecipient.isChanged) {
                                AddRecipient.isChanged = false;
                                HoGoUtils.disableButton('#add-recipient', {colorClass: 'green'});
                            }
                        }
                    }));

                    //Click cancel button
                    $('#cancel-recipient').on('click', function () {
                        window.location.href = "AddressBookList";
                    });

                }

                // Initialize Add Group Recipient page
                if ($('#addGroupRecipient').length > 0) {
                    HoGoUtils.renderNameBaseLang(HoGoUtils.getPageName(), i18n.lng());
                    $('#groupname,#description').live('keyup focusout', (function () {
                        if (AddGroupRecipient.groupname !== $.trim($('#groupname').val()) || AddGroupRecipient.description !== $.trim($('#description').val())) {
                            if (!AddGroupRecipient.isChanged) {
                                AddGroupRecipient.isChanged = true;
                                HoGoUtils.enableButton('#add-group-recipient', {colorClass: 'green', isSubmitForm: true});
                            }
                        } else {
                            if (AddGroupRecipient.isChanged) {
                                AddGroupRecipient.isChanged = false;
                                HoGoUtils.disableButton('#add-group-recipient', {colorClass: 'green'});
                            }
                        }
                    }));



                }
                //Add Recipient in RecipientDetail
                if (pName === 'recipientdetail.html') {
                    $('#btn_move_to_group').on('click', function () {
                        showRecipientGroupsList();
                    });

                    $('#btn-back-recipient-detail').on('click', function () {
                        console.log(prePage);
                        $("#btn-back-recipient-detail").attr("href", prePage);
                    });
                }

                init = true;

                return init;
            } else {
                return init;
            }
        },
        /**
         * Check valid file before making table
         * @returns {Boolean}
         */
        uploadFile: function () {

            var name = $("#file");
            var current_file_name = basename(name.val());
            var extension = current_file_name.substr((current_file_name.lastIndexOf('.') + 1)).toLowerCase();
            if (extension !== 'csv') {
                Modal.showAlert({
                    title: i18n.t('addressbook.message.wrong_format.title'),
                    content: i18n.t('addressbook.message.wrong_format.content')
                });
                return false;
            } else {
                // Make sure unique ID
                $('#import-popup').remove();
                // Make
                //$.get("ImportRecipientPopup", function(data) {
                $('body').append(createCSVBox());
                // Translate
                $('#import-popup').i18n();
                $("#importCSV").trigger("submit");
                //});
            }
        },
        makeListRecipient: function (fnCallback) {
            makeTable('tablepaging', fnCallback);
        }
    };

}(jQuery, UserSession));

//
// Manage documents
//
var MyDocument = (function ($, s) {
    //Using for recipient list
    var oTable;
    var fTable;
    var ffTable;

    //Contain IDs are checked
    var checkedList = [];

    // Contains folder ids are checked
    var folderCheckedList = [];

    var lEnableButton = {'list_button': []};
    // Init list
    lEnableButton.list_button.push({'id': "btn_send", 'color': 'orange', 'submit': false, 'handler': fnAddDocumentToSession, "form_id": null});
    lEnableButton.list_button.push({'id': "btn_delete", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteDocument, "form_id": null});
    lEnableButton.list_button.push({'id': "btn_move_folder", 'color': 'orange', 'submit': false, 'handler': showUserFoldersList, "form_id": null});

    var lDisableButton = {'list_button': []};
    lDisableButton.list_button.push({'id': "btn_send", 'color': 'orange', 'handler': fnAddDocumentToSession});
    lDisableButton.list_button.push({'id': "btn_delete", 'color': 'orange', 'handler': fnWarningDeleteDocument});
    lDisableButton.list_button.push({'id': "btn_move_folder", 'color': 'orange', 'handler': showUserFoldersList});

    var lEnableBtnFolder = {'list_button': []};
    lEnableBtnFolder.list_button.push({'id': "btn_send_folder", 'color': 'orange', 'submit': false, 'handler': fnAddDocumentToSession, "form_id": null});
    lEnableBtnFolder.list_button.push({'id': "btn_delete_folder", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteFolderDocument, "form_id": null});
    lEnableButton.list_button.push({'id': "btn_delete_docFolder", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteDocument, "form_id": null});
    var lDisableButtonFolder = {'list_button': []};
    lDisableButtonFolder.list_button.push({'id': "btn_send_folder", 'color': 'orange', 'handler': fnAddDocumentToSession});
    lDisableButtonFolder.list_button.push({'id': "btn_delete_folder", 'color': 'orange', 'handler': fnWarningDeleteFolderDocument});
    lDisableButton.list_button.push({'id': "btn_delete_docFolder", 'color': 'orange', 'handler': fnWarningDeleteDocument});
    /**
     * Make document list base on datatable structure
     * @param {type} readOnlyMode is used in UserDetail page
     * @param {type} fnCallback callback after initilized
     * @returns {undefined}
     */
    function makeListDocument(readOnlyMode, fnCallback) {
        var l = 'en';
        var lengthChange = (readOnlyMode) ? true : false;
        var sDom = (readOnlyMode) ? '<"inline"<"right"f>><"left"l><"right"p>irt' : '<"right"f>l<"inline"p>irt';
        if (s.getUserObject() !== null) {
            l = s.getLang();
        }

        oTable = $('#tablepaging').dataTable({
            "aaSorting": [[4, 'desc']],
            "bInfo": false,
            "bLengthChange": lengthChange,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": sDom,
            "sAjaxSource": "api/v1/GetDocumentListDetail",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {

                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: DTUtils.documentListPostData(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {

                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            $.each(data.document_detail, function (key, value) {
                                json.aaData.push({"id": value.id, "title": value.title, "file_name": value.file_name, "type": value.type, "create_date": value.create_date, "status": value.status, "is_encrypt": value.is_encrypt, "file_path": value.file_path, "folder_name": value.folderName, "folder_id": value.folderId});
                            });
                        } else {
                            //window.location.reload();
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                var userID = HoGoUtils.getParameter()["userID"];
                $("td:eq(1)", nRow).html("<div>" + aData.file_name + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.title + "</div>");
                $("td:eq(3)", nRow).html("<img src='Images/icon/one_pixel.gif' class='header-sprites ft'></img>");
                var t = $("td:eq(3)", nRow).find('.ft');
                HoGoUtils.drawDocumentIconFromType(t, aData.type);
                $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date));
                if (!readOnlyMode) { //For User in MyDocumentList page that user can edit
                    $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child\" class='ck' id= \"" + aData.id + "\"/>");
                    if (UserSession.getAdminObject() === null) {
                        var contentHtml = "<a href=MyDocumentDetail?documentId=" + aData.id + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                    } else {
                        var contentHtml = "<a href=MyDocumentDetailAdmin?documentId=" + aData.id + "&userID=" + userID + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                    }
                    if (parseInt(aData.is_encrypt) === 0) {
                        if (parseInt(aData.type) !== HoGoConst.FILE_ORTHER_TYPE)
                            contentHtml += "<a class='my-icon-link btn-view-online glyphicon glyphicon-eye-open' aria-hidden='true' title='" + i18n.t('history.package.label.view_online') + "'></a>";
                        else
                            contentHtml += "<span class='my-icon-link glyphicon glyphicon-eye-close' aria-hidden='true' title='" + i18n.t('history.package.label.unsupport_view_online') + "'></span>";
                    } else {
                        contentHtml += "<span class='my-icon-link glyphicon glyphicon-lock' title='" + i18n.t('history.package.label.encoded') + "'></span>";
                    }
                    $("td:eq(5)", nRow).html("<div style='cursor: pointer'>" + "<a href=MyDocumentFolderDetailAdmin?folderId=" + aData.folder_id + "&userID=" + HoGoUtils.getParameter()["userID"] + ">" + aData.folder_name + "</div>");
                    $("td:eq(6)", nRow).html(contentHtml);
                    nRow.ondblclick = function () {
                        window.location.href = "MyDocumentDetailAdmin?documentId=" + aData.id + "&userID=" + userID;

                    };
//                    nRow.onclick = function() {
//                        cocnsole.log("check box list");
//                        DTUtils.fnCheckBoxOnRow(this);
//                    };
                } else { // For Admin in UserDetail page with view only mode
                    $("td:eq(0)", nRow).html("");
                    $("td:eq(5)", nRow).html("");
//                    console.log("hakjhdkashk");
                }
//                $("td:eq(5)", nRow).html("<div>" + aData.folder_name + "</div>");
//                console.log(aData);
                // Set view online for non-protect document
                // Only non-protect document can view online 
//                    $("td:eq(6)", nRow).html("<a class='btn-view-online'><span class='glyphicon glyphicon-eye-open' aria-hidden='true'></span></a>");
                $("td:eq(5)", nRow).find('a.btn-view-online').bind('click', function () {
                    viewOnlineNonProtectDocument(aData.title, aData.id, aData.type);
                });
            },
            //  Restore state of document pages (before redirect to document detail)  
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {

                if ($.cookie('l_p') === 'mydocumentdetail.html') {
                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
                    var oData;

                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    if (oData !== null)
                        if (oData.oSearch.sSearch !== null)
                            $('#filter').val(oData.oSearch.sSearch);
                    return oData;
                } else {
                    return null;
                }
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 5]}
            ],
            "oScroller": {
                "loadingIndicator": true
            },
            "fnDrawCallback": function (oSettings) {

                $('#tablepaging .ck').customInput();

                //Control stuff
//                DTUtils.fnSetUpTableControl(oSettings);
                //Clear array
                if (oSettings.bSorted) {

                    checkedList.splice(0, checkedList.length);
                    //Disable
                    DTUtils.fnDisableControl(lDisableButton);
                }

                // Check read only
                if (!readOnlyMode) {
                    //Checkbox event
                    DTUtils.checkboxSwitchPage("tablepaging", "child", "select_all", checkedList);

                    //Evnet click after that
                    $(':checkbox[name=child]').on('click', function () {

                        DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);

                        //Enable/Disable button <SEND/DELETE>
                        if (checkedList.length > 0) {
                            //Enable
                            DTUtils.fnEnableControl(lEnableButton);
                        } else {
                            //Disable
                            DTUtils.fnDisableControl(lDisableButton);
                        }
                    });
                }
            },
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "file_name"},
                {"mDataProp": "title"},
                {"mDataProp": "type"},
                {"mDataProp": "create_date"},
                {"mDataProp": "status"},
                {"mDataProp": "folder_name"}
            ],
            "fnInitComplete": function (s) {
                $('#' + s.sTableId).i18n();
                if (readOnlyMode) {
                    $('#' + s.sTableId + '_length').find('select').selectmenu();
                }
                if (typeof fnCallback === 'function') {
                    fnCallback.call();
                }
            },
            bDestroy: true
        });
    }
    ;

    function viewOnlineNonProtectDocument(documentTitle, documentID, fileType) {
//        console.log(s.getSessionID());

        $.ajax({
            type: "GET",
            url: "api/v1/getLinkFileNonProtect/" + documentID,
            data: {SessionID: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
            timeout: HoGoConst.APITimeout,
            dataType: "json",
            success: function (data) {

            }

        }).done(function (data) {
            if (data.status === 'OK') {
                // Get link for file (pdf use gooleDrive, office use oneDrive)
                var googleDrive = "https://docs.google.com/gview?url=";
                var oneDrive = "https://view.officeapps.live.com/op/embed.aspx?src=";
                var link_file = "";
                // we will get document link in here
                // Call api to get document link (does not have API)
                // #view-online non-protect documents
                var url = data.link;
                if (parseInt(fileType) !== 1) {
                    link_file = oneDrive + encodeURIComponent(url);
                } else {
                    link_file = googleDrive + encodeURIComponent(url) + "&embedded=true";
                }

                // Show view online
                Modal.showAlert({
                    title: i18n.t('mydocument.modal'), // Should support multiple langue (i18n.t('modal.change_password_title'))
                    content: '<div style="width: 100%; height: ' + ($(window).height() - 150) + 'px"><iframe src="' + link_file + '" style="width:100%; height:100%;" frameborder="0"></iframe></div>',
                    size: "large"
                });
            } else {
                if (data.status === 'waiting') {
                    Modal.showAlert({
                        title: i18n.t('mydocument.waiting.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
                        content: i18n.t('mydocument.waiting.waiting_desc')
                    });
                } else {
                    Modal.showAlert({
                        title: i18n.t('mydocument.error.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
                        content: "<div>i18n.t('mydocument.error.content')</div>"
                    });
                }

            }

        });
    }
    ;

    /**
     * Add document to session
     * @returns {undefined}
     */
    function fnAddDocumentToSession() {
        console.log("abcds");
        var json = {u_id: s.getSessionID(), doc: checkedList.toString()};
        $.cookie('doc', JSON.stringify(json));
        window.location.href = "SendWizard";
    }

    /**
     * Show warning popup to delete document
     * @returns {Boolean}
     */
    function fnWarningDeleteDocument() {
        if (checkedList.length === 0) {
            return false;
        } else {
            Modal.showConfirmPopup({
                title: i18n.t('mydocument.message.confirm_delete.title'),
                content: i18n.t('mydocument.message.confirm_delete.content'),
                okCallback: fnDeleteDocument
            });
            return false;
        }
    }

    /**
     * Do delete
     * @returns {undefined}
     */
    function fnDeleteDocument() {

        // Call API
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/DeleteDocument",
            data: {DocumentId: checkedList.toString(), SessionId: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                appendLoadingWithText("iDeleteDocument", "#wizard", i18n.t('loader.delete'), true);

                // Disable button send and delete
                DTUtils.fnDisableControl(lDisableButton);
            },
            success: function (dt) {

                removeLoading("iDeleteDocument");
                //Clear error list

                checkedList = [];

                if (dt.status === "OK") {
                    $('#cbo_selectall').prop('checked', false);
                    $('label[for=cbo_selectall]').removeClass('checked');
                    // Redraw table
                    if (oTable) {
                        oTable.fnDraw();
                    }

                    if (ffTable) {
                        ffTable.fnDraw();
                    }
                } else {
                    Modal.showAlert({content: i18n.t('mydocument.message.fail_delete')});
                }
            }
        });
    }

    /**
     * MyDocumentDetail page
     * @type type
     */
    var MyDocumentDetail = {
        isChanged: false,
        fileID: false,
        result: false,
        isThumbnailChanged: false,
        documentTitle: null, documentDescription: null, documentFolderName: null,
        repList: [],
        listRepId: [],
        docID: HoGoUtils.getParameter()["documentId"],
        folderID: HoGoUtils.getParameter()["folderId"],
        //Get document detail
        getDocumentDetail: function () {
            var postDataLoadDocument = {};

            postDataLoadDocument["DocumentID"] = HoGoUtils.getParameter()["documentId"];
            postDataLoadDocument["SessionID"] = s.getSessionID();
            postDataLoadDocument["UserID"] = HoGoUtils.getParameter()["userID"];
            postDataLoadDocument["FolderID"] = HoGoUtils.getParameter()["folderId"];
            $.ajax({
                url: 'api/v1/GetDocumentDetail',
                type: 'POST',
                data: postDataLoadDocument,
                dataType: "json",
                success: function (data) {
//                    console.log('doc detail');
                    if (data.status === "OK") {
                        $.each(data.detail, function (key, value) {

                            //Set data on view
                            $("#documentTitle").val(value.title);
                            $("#documentDescription").val(value.description);
                            $("#folder_name").html((value.folderName !== "") ? value.folderName : "All files");
                            MyDocumentDetail.documentTitle = value.title;
                            MyDocumentDetail.documentDescription = value.description;
                            MyDocumentDetail.documentFolderName = value.folderName;
                            $("#doc_create_date").html(value.create_date);
                            var fileSize = value.file_size;
                            var sizeUnit = "KB";
                            fileSize = Math.round(fileSize / 1024);
                            if (fileSize > 1024) {
                                fileSize = Math.round(fileSize / 1024);
                                sizeUnit = "MB";
                            }
                            $("#fileSize").html(fileSize + sizeUnit);
                            $("#fileType").html("<img src='Images/icon/one_pixel.gif' class='header-sprites ft'></img>");
                            var t = $("#fileType").find('.ft');
                            HoGoUtils.drawDocumentIconFromType(t, value.type);
                            // #protect document
                            (parseInt(value.is_encrypt) === 0) ? $('#protect').prop('checked', false) : $('#protect').prop('checked', true);
                            if (parseInt(value.is_encrypt) === 0) {
                                $("#documentTabs").addClass('hide');
                                $("input#fileName").prop('disabled', true);
                            }
                        });
                    } else {
//                        console.log('doc detail');
                        fnSessionTimeout(data, null, "MyDocumentList");
                    }
                },
                error: function () {
                    window.location.href = "MyDocumentList";
                }
            });
        },
        //Get history for document
        getHistoryOfDocument: function () {

            var _this = MyDocumentDetail;

            //GET HISTORY LIST
            $('#tablepaging').dataTable({
                "aaSorting": [[0, 'desc']],
                "bFilter": false,
                "bInfo": false,
                "bLengthChange": false,
                "bPaginate": true,
                "iDisplayLength": 10,
                "sPaginationType": "full_numbers",
                "oLanguage": DTUtils.DTLang,
                "sDom": 'pli<"clear">tr',
                "bServerSide": true,
                "bProcessing": true,
                "sAjaxSource": "api/v1/GetHistoryForRecipientDocument",
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                    $.ajax({
                        "dataType": 'json',
                        "type": "POST",
                        "url": sSource,
                        "timeout": HoGoConst.APITimeout,
                        "data": historyRecipientDocumentPostData(aoData, "undefined", HoGoUtils.getParameter()["documentId"]),
                        "success": function (data) {

                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            if (data.status === "OK") {
                                // Reset first
                                _this.listRepId = [];
                                var newIds = [];
                                // Get ids from doc list
                                $.each(_this.repList, function (i, d) {
                                    _this.listRepId.push(d.recipient_id);
                                });
                                $.each(data.history_detail, function (key, value) {
                                    json.aaData.push({"package_id": value.package_id, "history_id": value.history_id, "recipient_id": value.recipient_ids, "history_type": value.history_type, "create_date": DateUtils.convertFullDate(DateUtils.convertUTCToLocalTime(value.create_date, s.getTimeZone())), "status": ""});
                                    if (value.history_type === HoGoConst.DOCUMENT_VIEWED_TYPE || value.history_type === HoGoConst.DOCUMENT_OPENED_TYPE) {
                                        if ($.inArray(value.recipient_ids, _this.listRepId) === -1) {
                                            if (value.recipient_ids.length === 32)
                                                newIds.push(value.recipient_ids);
                                        }
                                    }
                                });
                                if (newIds.length > 0) {
                                    _this.listRepId = newIds;
                                } else {
                                    // No new id
                                    _this.listRepId = [];
                                }
                            }
                            fnCallback(json);
                        }
                    });
                },
                "fnRowCallback": function (nRow, aData) {
                    var content = HoGoUtils.parseHistoryTypeToText(aData.history_type);

                    switch (aData.history_type) {
                        case HoGoConst.DOCUMENT_VIEWED_TYPE:
                            content = i18n.t('history.event.document_viewed');
                            if (aData.recipient_id)
                                $("td:eq(1)", nRow).html(content + ' ' + '<span class="mark-content-unlink">' + aData.recipient_id + '</span>');
                            else
                                $("td:eq(1)", nRow).html(content);
                            if (UserSession.getAdminObject() === null) {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            } else {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "></a>");
                            }
                            nRow.ondblclick = function () {
                                //Go detail
                                if (UserSession.getAdminObject() === null) {
                                    window.location.href = "PackageDetailDownload?packageId=" + aData.package_id
                                } else {
                                    window.location.href = "PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "&documentId=" + HoGoUtils.getParameter()["documentId"];
                                }
                            };
                            break;
                        case HoGoConst.DOCUMENT_OPENED_TYPE:
                            console.log(aData);
                            content = i18n.t('history.event.document_opened');
                            if (UserSession.getAdminObject() === null) {
                                $("td:eq(1)", nRow).html(content + ' <a href=RecipientDetail?repid=' + aData.recipient_id + ' class="mark-content-link" rep-id=' + aData.recipient_id + '></a>');
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            } else {
                                $("td:eq(1)", nRow).html(content + ' <a href=RecipientDetailAdmin?repid=' + aData.recipient_id + "&userID=" + HoGoUtils.getParameter()["userID"] + ' class="mark-content-link" rep-id=' + aData.recipient_id + '></a>');
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "></a>");
                            }
                            nRow.ondblclick = function () {
                                //Go detail
                                if (UserSession.getAdminObject() === null) {
                                    window.location.href = "PackageDetailDownload?packageId=" + aData.package_id
                                } else {
                                    window.location.href = "PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "&documentId=" + HoGoUtils.getParameter()["documentId"];
                                }
                            };
                            break;
                        case HoGoConst.DIRECT_SEND_TYPE:
                        case HoGoConst.CREATE_LINK_NONDOWNLOAD_TYPE:
                        case HoGoConst.CREATE_LINK_DOWNLOAD_TYPE:
                        case HoGoConst.LINK_SPECIFY_CREATED_TYPE:
                        case HoGoConst.LINK_ANONYMOUS_CREATED_TYPE:
                            $("td:eq(1)", nRow).html(content);
                            if (UserSession.getAdminObject() === null) {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            } else {
                                $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "&documentId=" + HoGoUtils.getParameter()["documentId"] + "></a>");
                            }
//                            $("td:eq(2)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownload?packageId=" + aData.package_id + "></a>");
                            nRow.ondblclick = function () {
                                //Go detail
                                if (UserSession.getAdminObject() === null) {
                                    window.location.href = "PackageDetailDownload?packageId=" + aData.package_id
                                } else {
                                    window.location.href = "PackageDetailDownloadAdmin?packageId=" + aData.package_id + "&userID=" + HoGoUtils.getParameter()["userID"] + "&documentId=" + HoGoUtils.getParameter()["documentId"];
                                }

                            };
                            break;
                        default:
                            $("td:eq(1)", nRow).html(content);
                            break;
                    }
                },
                "aoColumnDefs": [
                    //{"sType": "date-hogo", 'aTargets': [ 0 ]},
                    {'bSortable': false, 'aTargets': [1, 2]}
                ],
                "fnDrawCallback": function (oSettings) {
//                    DTUtils.fnSetUpTableControl(oSettings);

                    if (_this.listRepId.length > 0) {
                        $.post('api/v1/GetRecipientDetail?time=' + new Date().getTime(), {SessionID: s.getSessionID(), RecipientID: _this.listRepId.toString(), Delete: true, UserID: HoGoUtils.getParameter()["userID"]}, function (data) {

                            if (data.status === 'OK') {

                                $.each(data.detail, function (key, value) {
                                    var jrep = {recipient_id: key, first_name: value.first_name, last_name: value.last_name, email: value['e-mail'], status: value.status};
                                    // Push to doc list
                                    MyDocumentDetail.repList.push(jrep);
                                });
                                console.log(MyDocumentDetail.repList);
                                // Render on view again
                                $.each(MyDocumentDetail.repList, function (key, value) {
                                    // Find all element which content docId
                                    $.each($('.sent-info').find('.mark-content-link'), function (i, e) {
                                        if ($(e).attr('rep-id') === value.recipient_id) {
                                            if (s.getLang() === 'ja')
                                                // Set up new content
                                                $(e).text(value.last_name + ' ' + value.first_name);
                                            else
                                                $(e).text(value.first_name + ' ' + value.last_name);
                                            if (value.status === HoGoConst.REMOVED_STATUS) {
                                                $(e).removeAttr('href').removeClass('mark-content-link').addClass('mark-content-delete').attr('title', 'This recipient has been deleted');
                                            }
                                        }
                                    });
                                });
                            }
                        });
                    } else {
                        // Render on view again
                        $.each(MyDocumentDetail.repList, function (key, value) {
                            // Find all element which content docId
                            $.each($('.sent-info').find('.mark-content-link'), function (i, e) {
                                if ($(e).attr('rep-id') === value.recipient_id) {
                                    if (s.getLang() === 'ja')
                                        // Set up new content
                                        $(e).text(value.last_name + ' ' + value.first_name);
                                    else
                                        $(e).text(value.first_name + ' ' + value.last_name);
                                    if (value.status === HoGoConst.REMOVED_STATUS) {
                                        $(e).removeAttr('href').removeClass('mark-content-link').addClass('mark-content-delete').attr('title', 'This recipient has been deleted');
                                    }
                                }
                            });
                        });
                    }
                },
                "aoColumns": [
                    {"mDataProp": "create_date"},
                    {"mDataProp": "history_type"},
                    {"mDataProp": "status"}
                ]
            });
        },
        fnDeleteDocument: function () {
            //Post data
            var postDataDel = {};
            postDataDel["DocumentId"] = MyDocumentDetail.docID;
            postDataDel["SessionId"] = s.getSessionID();
            postDataDel["UserID"] = HoGoUtils.getParameter()["userID"];
            //Do Delete
            $.ajax({
                url: 'api/v1/DeleteDocument',
                type: 'POST',
                data: postDataDel,
                dataType: "json",
                beforeSend: function () {

                    appendLoadingWithText("iDeleteDocument", "#wizard", i18n.t('loader.delete'), true);
                },
                success: function (data) {

                    removeLoading("iDeleteDocument");

                    if (data.status === "OK") {
                        if (HoGoUtils.getPageName() === 'mydocumentdetailadmin.html') {
//                            console.log("UserDetail?userID=" + HoGoUtils.getParameter()["userID"]);
                            window.location.href = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"] + "#/document-list";
                        } else {
                            window.location.href = "MyDocumentList";
                        }
                    } else {

                        fnSessionTimeout(data, null, "MyDocumentList");
                    }
                }
            });
        },
        /**
         * Update document with specific changes
         * @returns {jqXHR}
         */
        updateDocument: function () {
            if (!formStatus) {
                return false;
            }

            var $this = MyDocumentDetail;

            //Update thumbnail if have any changed
            if ($this.isThumbnailChanged) {

                var dataImage = {};

                dataImage["DocumentID"] = HoGoUtils.getParameter()["documentId"];
                dataImage["SessionID"] = s.getSessionID();
                dataImage["FileID"] = $this.fileID;
                dataImage["userID"] = HoGoUtils.getParameter()["userID"];

                $.ajax({
                    url: 'api/v1/UpdateThumbnail',
                    type: 'POST',
                    data: dataImage,
                    dataType: "json",
                    timeout: HoGoConst.APITimeout,
                    beforeSend: function () {
                        //Opacity
                        $("#documentThumbnail").css({opacity: 0.25});
                        //Dispay loader
                        $('.thumbnail-container>.indicator').css({'background-size': '20px'});
                    },
                    success: function (data) {

                        if (data.status === "OK") {
                            //TODO
                        } else if (data.status === "NotSupport") {

                            Modal.showAlert({content: i18n.t('mydocument.updatethumbnail')});
                        } else {
                            HoGoUtils.writeLog(data.status_desc);
                            Modal.showAlert({content: i18n.t('error.unknown')});
                        }
                    },
                    complete: function () {
                        //Opacity
                        $("#documentThumbnail").css({'opacity': 1});
                        //Dispay loader
                        $('.thumbnail-container>.indicator').css({'background-size': 0});
                    },
                    error: function () {
                        Modal.showAlert({content: i18n.t('error.unknown')});
                        //Opacity
                        $("#documentThumbnail").css({'opacity': 1});
                        //Dispay loader
                        $('.thumbnail-container>.indicator').css({'background-size': 0});
                    }
                });
            }

            //Submit value change
            var postDataDocument = {};

            postDataDocument["SessionID"] = s.getSessionID();
            postDataDocument["DocumentID"] = MyDocumentDetail.docID;
            postDataDocument["Title"] = $.trim($("#documentTitle").val());
            postDataDocument["Description"] = $.trim($('#documentDescription').val());
            postDataDocument["UserID"] = HoGoUtils.getParameter()["userID"];
            return $.ajax({
                url: 'api/v1/UpdateDocument',
                type: 'POST',
                data: postDataDocument,
                dataType: "json",
                beforeSend: function () {
                    //Disable btn save
                    HoGoUtils.disableButton('#update-document', {colorClass: 'green'});
                    //Display loader 
                    $("#validation .actionBar>.loader").show('fast');
                },
                success: function (data) {
                    $("#validation .actionBar>.loader").hide('slow');
                    if (data.status === "OK") {
                        $this.isChanged = false;
                        $this.getDocumentDetail();
                    } else {
                        fnSessionTimeout(data, null, "MyDocumentList");
                    }
                }
            });
        },
        uploadThumbnail: function () {
            //Opacity
            $("#documentThumbnail").css({opacity: 0.25});
            //Dispay loader
            $('.thumbnail-container>.indicator').css({'background-size': '20px'});
            //Send
            $.ajaxFileUpload({
                url: "api/v1/UploadThumbnail?SessionID=" + s.getSessionID() + '&UserID=' + HoGoUtils.getParameter()["userID"],
                secureuri: true,
                fileElementId: "fileName",
                dataType: 'json',
                beforeSend: function () {
                    $("#documentThumbnail").css({opacity: 0.25});
                    $('.thumbnail-container>.indicator').css({'background-size': '20px'});
                },
                success: function (data) {
                    //Opacity
                    $("#documentThumbnail").css({'opacity': 1});
                    //Dispay loader
                    $('.thumbnail-container>.indicator').css({'background-size': 0});
                    if (data.status === 'OK') {

                        MyDocumentDetail.fileID = data.file_id;

                        $("#documentThumbnail").attr("src", "api/v1/GetUploadedFile?FileID=" + MyDocumentDetail.fileID + "&SessionID=" + s.getSessionID() + "&userID=" + HoGoUtils.getParameter()["userID"]);
                        //Update changed
                        MyDocumentDetail.isChanged = true;
                        MyDocumentDetail.isThumbnailChanged = true;
                        //Enable btn submit
                        HoGoUtils.enableButton('#update-document', {colorClass: 'green', isSubmitForm: true});
                    } else
                    if (data.status === APIConst.maxFileErrorStatus) {
                        Modal.showAlert({
                            title: i18n.t('mydocument.message.invalid_file.title'),
                            content: i18n.t('mydocument.message.invalid_file.content')
                        });
                        return false;
                    }
                },
                error: function () {
                    //Opacity
                    $("#documentThumbnail").css({'opacity': 1});
                    //Dispay loader
                    $('.thumbnail-container>.indicator').css({'background-size': 0});
                }
            });
        },
        uploadFile: function () {
            var current_file_name = "";
            var name = document.getElementById("fileName");

            // Check select file 
            if (typeof name === "undefined") {
                return;
            } else {
                if (typeof name.value === "undefined" || name.value === "") {
                    return;
                } else {
                    //Check file type
                    current_file_name = basename(name.value);
                    var extension = current_file_name.substr((current_file_name.lastIndexOf('.') + 1)).toLowerCase();
                    if (extension !== "JPEG" && extension !== "JPG" && extension !== "jpeg" && extension !== "jpg") {
                        Modal.showAlert({
                            title: i18n.t('mydocument.message.invalid_format.title'),
                            content: i18n.t('mydocument.message.invalid_format.content')
                        });
                        return;
                    } else {
                        //Do upload
                        MyDocumentDetail.uploadThumbnail();
                    }
                }
            }
        },
        sendToWizard: function () {

            var json = {u_id: s.getSessionID(), doc: this.docID};
            $.cookie('doc', JSON.stringify(json));
            console.log($.cookie('doc', JSON.stringify(json)));
            window.location.href = "SendWizard";
        },
        exportAccessReport: function () {
            $('#btn_report').bind('click', function () {

                var param = {};
                param["SessionID"] = UserSession.getSessionID();
                param["DocumentId"] = MyDocumentDetail.docID;
                if (UserSession.getAdminObject() !== null) {
                    param["UserID"] = HoGoUtils.getParameter()['userID'];
                }

                console.log(param);
                $.fileDownload('api/v1/ExportAccessDocementDetail?' + $.param(param), {
                    httpMethod: 'get'
                }).then(function () {

                }, function (errorText) {

                    // JSON.parse( $(errorText).text() );
                    Modal.showAlert({
                        title: i18n.t('history.package.modal.access_modal_title'),
                        text: i18n.t('history.package.modal.access_modal_content')
                    });

                });
            });
        }
    };

    /**
     * get User folder document list 
     * @returns {undefined}
     */
    function makeFolderList(fnCallback) {
        fTable = $('#tablefolderpaging').dataTable({
            "aaSorting": [[3, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": '<"right"f>l<"inline"p>irt',
            "sAjaxSource": "api/v1/GetDocumentFolderList",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {

                $.ajax({
                    url: sSource,
                    type: "GET",
                    dataType: "json",
                    data: DTUtils.folderListPostData(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {
                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            $.each(data.document_folder, function (key, value) {
                                json.aaData.push({"id": value.folder_id, "folder_name": value.folder_name, "description": value.description, "create_date": value.create_date, "num_files": value.num_files, "status": value.status});
                            });
                        } else {
                            //window.location.reload();
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                $("td:eq(1)", nRow).html("<div>" + aData.folder_name + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.description + "</div>");
                $("td:eq(3)", nRow).html(DateUtils.convertDate(aData.create_date));
                $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child\" class='ck' id= \"" + aData.id + "\"/>");
                $("td:eq(4)", nRow).html("<span class='badge'>" + aData.num_files + "</span>");
                if (UserSession.getAdminObject() === null) {
                    var contentHtml = "<a href=MyDocumentFolderDetail?folderId=" + aData.id + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                } else {
                    var contentHtml = "<a href=MyDocumentFolderDetailAdmin?folderId=" + aData.id + "&userID=" + HoGoUtils.getParameter()["userID"] + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                }
//                var contentHtml = "<a href=MyDocumentFolderDetail?folderId=" + aData.id + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                $("td:eq(5)", nRow).html(contentHtml);
                nRow.ondblclick = function () {
                    window.location.href = "MyDocumentFolderDetail?folderId=" + aData.id;
                };
            },
            //  Restore state of document pages (before redirect to document detail)  
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {

                if ($.cookie('l_p') === 'mydocumentdetail.html') {
                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
                    var oData;

                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    if (oData !== null)
                        if (oData.oSearch.sSearch !== null)
                            $('#filter').val(oData.oSearch.sSearch);
                    return oData;
                } else {
                    return null;
                }
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 4]}
            ],
            "oScroller": {
                "loadingIndicator": true
            },
            "fnDrawCallback": function (oSettings) {

                $('#tablefolderpaging .ck').customInput();

                //Control stuff
//                DTUtils.fnSetUpTableControl(oSettings);
                //Clear array
                if (oSettings.bSorted) {

                    folderCheckedList.splice(0, folderCheckedList.length);
                    //Disable
                    DTUtils.fnDisableControl(lDisableButtonFolder);
                }

                //Checkbox event
                DTUtils.checkboxSwitchPage("tablefolderpaging", "child", "select_all_folder", folderCheckedList);

                //Evnet click after that
                $(':checkbox[name=child]').on('click', function () {
                    DTUtils.checkboxChildSelectEvent(this, "select_all_folder", folderCheckedList);

                    //Enable/Disable button <SEND/DELETE>
                    if (folderCheckedList.length > 0) {
                        //Enable
                        DTUtils.fnEnableControl(lEnableBtnFolder);
                    } else {
                        //Disable
                        DTUtils.fnDisableControl(lDisableButtonFolder);
                    }
                });
            },
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "folder_name"},
                {"mDataProp": "description"},
                {"mDataProp": "create_date"},
                {"mDataProp": "num_files"},
                {"mDataProp": "status"}
            ],
            "fnInitComplete": function (s) {
                $('#' + s.sTableId).i18n();
                $('#' + s.sTableId + '_length').find('select').selectmenu();
                if (typeof fnCallback === 'function') {
                    fnCallback.call();
                }
            },
            "bDestroy": true
        });
    }
    ;

    function showAddNewDocumentFolder() {
        Modal.createModal(2, {
            title: i18n.t('password.change_password.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validationCP', MyDocument);

            },
            templateUrl: "Template/add_new_document_folder.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();

                doAddNewDocumentFolder();
            }
        });
    }
    ;

    function doAddNewDocumentFolder() {
        $('form#validationCP').find('.formErrorContent').css('white-space', 'nowrap');

        if (!MyDocument.fStatus) {
            return;
        }

        var postData = {};
        postData["folder_name"] = $('#folder_name').val().trim();
        postData["description"] = $('#description').val().trim();
        postData["session_id"] = s.getSessionID();
        //TODO ajax
        return $.ajax({
            type: "POST",
            url: "api/v1/AddDocumentFolder",
            data: postData,
            beforeSend: function () {
                Modal.closeModal();
            },
            success: function (data) {
                if (data.status === 'OK') {

                    HoGoUtils.makeNotifyServer({
                        "msg": i18n.t('modal.create_folder.success'),
                        "autoClose": true,
                        "time": 1000
                    });
                    //Update table
                    fTable.fnDraw();
                } else if (data.status === 'FolderExisted') {
                    Modal.showAlert({content: i18n.t('modal.create_folder.exist')});
                } else {
                    fnSessionTimeout(data);
                }
            }
        });
    }
    ;


    function fnWarningDeleteFolderDocument() {
        if (folderCheckedList.length === 0) {
            return false;
        } else {
            Modal.showConfirmPopup({
                title: i18n.t('mydocument.message.confirm_delete.title'),
                content: i18n.t('mydocument.message.confirm_delete.content'),
                okCallback: fnDeleteFolder
            });
            return false;
        }
    }
    ;

    function fnDeleteFolder() {
        // Call API
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/DeleteDocumentFolder",
            data: {folder_ids: folderCheckedList.toString(), session_id: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                appendLoadingWithText("iDeleteDocument", "#wizard", i18n.t('loader.delete'), true);

                // Disable button send and delete
                DTUtils.fnDisableControl(lDisableButton);
            },
            success: function (dt) {

                removeLoading("iDeleteDocument");
                //Clear error list

                folderCheckedList = [];

                if (dt.status === "OK") {
                    // problem with checker, handle later
                    $('#cbo_selectall_folder').prop('checked', false);
                    $('label[for=cbo_selectall_folder]').removeClass('checked');
                    // Redraw table
                    fTable.fnDraw();
                } else {
                    Modal.showAlert({content: i18n.t('mydocument.message.fail_delete')});
                }
            }
        });
    }

    var MyDocumentFolderDetail = {
        isChanged: false,
        folderName: null, description: null,
        folderId: HoGoUtils.getParameter()["folderId"],
        getDocumentFolderDetail: function () {
            var postDataLoadFolder = {};
            postDataLoadFolder["folder_id"] = HoGoUtils.getParameter()["folderId"];
            postDataLoadFolder["session_id"] = s.getSessionID();
            postDataLoadFolder["user_id"] = HoGoUtils.getParameter()["userID"];
            $.ajax({
                url: 'api/v1/GetDocumentFolderDetail',
                type: 'GET',
                data: postDataLoadFolder,
                dataType: "json",
                success: function (data) {
                    if (data.status === "OK") {
                        var value = data.results;
                        //Set data on view
                        $("#folder_name").val(value.folderName);
                        $("#folder_description").val(value.description);
                        MyDocumentFolderDetail.folderName = value.folderName;
                        MyDocumentFolderDetail.description = value.description;
                        $("#folder_create_date").html(value.createDate);
                    } else {
                        fnSessionTimeout(data, null, "MyDocumentList");
                    }
                },
                error: function () {
                    window.location.href = "MyDocumentList";
                }
            });
        },
        getDocumentFolderListFile: function () {

            ffTable = $('#tablepaging').dataTable({
                "aaSorting": [[4, 'desc']],
                "bInfo": false,
                "bLengthChange": false,
                "bPaginate": true,
                "iDisplayLength": 10,
                "sPaginationType": "full_numbers",
                "oLanguage": DTUtils.DTLang,
                "sDom": '<"right"f>l<"inline"p>irt',
                "sAjaxSource": "api/v1/GetDocumentFolderListFiles",
                "bServerSide": true,
                "bProcessing": true,
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {

                    $.ajax({
                        url: sSource,
                        type: "GET",
                        dataType: "json",
                        data: DTUtils.documentFolderListFilesPostData(aoData),
                        timeout: HoGoConst.APITimeout,
                        success: function (data) {
                            if (data.status === "OK") {
                                var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                                $.each(data.document_detail, function (key, value) {
                                    json.aaData.push({"id": value.id, "title": value.title, "file_name": value.file_name, "type": value.type, "create_date": value.create_date, "status": value.status, "is_encrypt": value.is_encrypt, "file_path": value.file_path, "folderId": value.folderId});
                                });
                            } else {
                                //window.location.reload();
                            }
                            fnCallback(json);
                        }
                    });
                },
                "fnRowCallback": function (nRow, aData) {
                    $("td:eq(1)", nRow).html("<div>" + aData.file_name + "</div>");
                    $("td:eq(2)", nRow).html("<div>" + aData.title + "</div>");
                    $("td:eq(3)", nRow).html("<img src='Images/icon/one_pixel.gif' class='header-sprites ft'></img>");
                    var t = $("td:eq(3)", nRow).find('.ft');
                    HoGoUtils.drawDocumentIconFromType(t, aData.type);
                    $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date));

                    $("td:eq(0)", nRow).html("<input type=\"checkbox\" name=\"child\" class='ck' id= \"" + aData.id + "\"/>");
                    if (UserSession.getAdminObject() === null) {
                        var contentHtml = "<a href=MyDocumentDetail?documentId=" + aData.id + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                    } else {
                        var contentHtml = "<a href=MyDocumentDetailAdmin?documentId=" + aData.id + "&userID=" + HoGoUtils.getParameter()["userID"] + " class='my-icon-link glyphicon glyphicon-exclamation-sign' aria-hidden='true' title='" + i18n.t('history.table_header.detail') + "'></a> ";
                    }
                    if (parseInt(aData.is_encrypt) === 0) {
                        if (parseInt(aData.type) !== HoGoConst.FILE_ORTHER_TYPE)
                            contentHtml += "<a class='my-icon-link btn-view-online glyphicon glyphicon-eye-open' aria-hidden='true' title='" + i18n.t('history.package.label.view_online') + "'></a>";
                        else
                            contentHtml += "<span class='my-icon-link glyphicon glyphicon-eye-close' aria-hidden='true' title='" + i18n.t('history.package.label.unsupport_view_online') + "'></span>";
                    } else {
                        contentHtml += "<span class='my-icon-link glyphicon glyphicon-lock' title='" + i18n.t('history.package.label.encoded') + "'></span>";
                    }
                    $("td:eq(5)", nRow).html(contentHtml);
                    nRow.ondblclick = function () {
                        window.location.href = "MyDocumentFolderDetail?folderId=" + aData.id;
                    };
                    $("td:eq(5)", nRow).find('a.btn-view-online').bind('click', function () {
                        viewOnlineNonProtectDocument(aData.title, aData.id, aData.type);
                    });
                },
                //  Restore state of document pages (before redirect to document detail)  
                "bStateSave": true,
                "fnStateLoad": function (oSettings) {

//                    if ($.cookie('l_p') === 'mydocumentfolderdetail.html') {
//                        var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
//                        var oData;
//
//                        try {
//                            oData = (typeof $.parseJSON === 'function') ?
//                                    $.parseJSON(sData) : eval('(' + sData + ')');
//                        } catch (e) {
//                            oData = null;
//                        }
//                        if (oData !== null)
//                            if (oData.oSearch.sSearch !== null)
//                                $('#filter').val(oData.oSearch.sSearch);
//                        return oData;
//                    } else {
//                        return null;
//                    }
                },
                "aoColumnDefs": [
                    {'bSortable': false, 'aTargets': [0, 5]}
                ],
                "oScroller": {
                    "loadingIndicator": true
                },
                "fnDrawCallback": function (oSettings) {

                    $('#tablepaging .ck').customInput();

                    //Control stuff
//                    DTUtils.fnSetUpTableControl(oSettings);
                    //Clear array
                    if (oSettings.bSorted) {

                        checkedList.splice(0, checkedList.length);
                        //Disable
                        DTUtils.fnDisableControl(lDisableButton);
                    }

                    DTUtils.checkboxSwitchPage("tablepaging", "child", "select_all", checkedList);

                    //Evnet click after that
                    $(':checkbox[name=child]').on('click', function () {

                        DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);

                        //Enable/Disable button <SEND/DELETE>
                        if (checkedList.length > 0) {
                            //Enable
                            DTUtils.fnEnableControl(lEnableButton);
                        } else {
                            //Disable
                            DTUtils.fnDisableControl(lDisableButton);
                        }
                    });
                },
                "aoColumns": [
                    {"mDataProp": "id"},
                    {"mDataProp": "file_name"},
                    {"mDataProp": "title"},
                    {"mDataProp": "type"},
                    {"mDataProp": "create_date"},
                    {"mDataProp": "status"}
                ],
                "fnInitComplete": function (s) {
                    $('#' + s.sTableId).i18n();
                    $('#' + s.sTableId + '_length').find('select').selectmenu();
                }
            });
        },
        updateDocumentFolderInfo: function () {
            var postDataFolder = {};
            postDataFolder["session_id"] = s.getSessionID();
            postDataFolder["folder_id"] = MyDocumentFolderDetail.folderId;
            postDataFolder["folder_name"] = $.trim($('#folder_name').val());
            postDataFolder["description"] = $.trim($('#folder_description').val());
            postDataFolder["UserID"] = HoGoUtils.getParameter()["userID"]
            return $.ajax({
                url: 'api/v1/UpdateDocumentFolder',
                type: 'POST',
                data: postDataFolder,
                dataType: "json",
                beforeSend: function () {
                    //Disable btn save
                    HoGoUtils.disableButton('#update-folder', {colorClass: 'green'});
                    //Display loader 
                    $("#validation .actionBar>.loader").show('fast');
                },
                success: function (data) {
                    $("#validation .actionBar>.loader").hide('slow');
                    if (data.status === "OK") {
                        MyDocumentFolderDetail.isChanged = false;
                        MyDocumentFolderDetail.getDocumentFolderDetail();
                    } else {
                        fnSessionTimeout(data, null, "MyDocumentList");
                    }
                }
            });
        },
        deleteFolderDocument: function () {
            // Call API
            $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/DeleteDocumentFolder",
                data: {folder_ids: HoGoUtils.getParameter()["folderId"], session_id: s.getSessionID(), UserID: HoGoUtils.getParameter()["userID"]},
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {
                    appendLoadingWithText("iDeleteDocument", "#wizard", i18n.t('loader.delete'), true);
                    // Disable button send and delete
                    DTUtils.fnDisableControl(lDisableButton);
                },
                success: function (dt) {

                    removeLoading("iDeleteDocument");
                    //Clear error list

                    folderCheckedList = [];

                    if (dt.status === "OK") {
                        Modal.showAlert({content: i18n.t('mydocument.message.succeed_delete')});
                        if (dt.status === 'OK') {

                            HoGoUtils.makeNotifyServer({
                                "msg": i18n.t('show_message.delete_success'),
                                "autoClose": true,
                                "time": 1000
                            });
                        }
                        fnSessionTimeout(dt, null, "MyDocumentList");
                    } else {
                        Modal.showAlert({content: i18n.t('mydocument.message.fail_delete')});
                    }
                }
            });
        }
    };

    function addMoveFilestoFolder(data) {
        var folderIdSelect;
        Modal.createModal(2, {
            title: i18n.t('modal.move_add_folder_title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {
                HoGoUtils.validateForm('validationCP', MyDocument);
                var options = {
                    valueNames: ['foldername', 'createdate', 'nofiles', {data: ['id']}],
                    item: '<li data-id="id" class="upload-file list-group-item item-select" style="cursor: pointer"><div class="row">'
                            + '<div class="col-xs-5"><span class="foldername"></span></div>'
                            + '<div class="col-xs-4"><span class="createdate"></span></div>'
                            + '<div class="col-xs-3"><span class="nofiles badge"></span></div>'
                            + '</div></li>'
//                    page: 3,
//                    pagination: true
                };
//                HoGoUtils.disableButton('.btn-ok', {colorClass: 'green'});
                var values = data;
//                console.log(values);
                // Init list
                var listFolders = new List('listfolders', options, values);

                var editBtns = $('.item-select');
                editBtns = $(editBtns.selector);
                editBtns.click(function () {
                    // remove all select firt 
                    editBtns.removeClass("folder_selected");
                    folderIdSelect = $(this).attr('data-id');
                    // re check selected
                    $(this).addClass("folder_selected");
                    $("#warning-select").hide();
                });
            },
            templateUrl: "Template/folder_list.html",
            okCallback: function (modal) {
                if (folderIdSelect) {
//                    console.log(folderIdSelect);
                    // do add
                    checkedList.push(HoGoUtils.getParameter()["documentId"]);

                    doAddDocumentToFolder(checkedList, folderIdSelect);
                } else {
//                    console.log("not seletect");
                    $("#warning-select").show();
                }
            }
        });
    }
    ;

    function getUserFolderList(cb, error) {
        var params = {};
        params["SessionID"] = s.getSessionID();
        params["UserID"] = HoGoUtils.getParameter()["userID"];
        $.ajax({
            url: 'api/v1/GetUserDocumentFolderList?time=' + new Date().getTime(),
            type: 'GET',
            data: params,
            dataType: "json",
            success: function (data) {

                if (data.status === "OK") {
                    cb && cb(data.list_folders);
                } else {
                    error && error();
                }
            },
            error: function () {
                window.location.href = "MyDocumentList";
            }
        });
    }

    function showUserFoldersList() {
        getUserFolderList(function (list_folder) {
            // get sucess
            if (list_folder.length > 0) {
                var values = [];
                $.each(list_folder, function (idx, val) {
                    values.push({id: val.folder_id, foldername: val.folder_name, createdate: DateUtils.convertDate(val.create_date), nofiles: val.no_files});
                });
                addMoveFilestoFolder(values);

            } else {
                Modal.showAlert({"content": i18n.t('show_message.add_no_folder')});
            }
        }, function () {
            // can not get list folders
            Modal.showAlert({"content": i18n.t('show_message.error.get_folder')});
        });
    }


    function doAddDocumentToFolder(documentIds, folderId) {
        var postData = {};
        postData["folder_id"] = folderId;
        postData["doc_ids"] = documentIds.toString();
        postData["session_id"] = s.getSessionID();
        postData["UserID"] = HoGoUtils.getParameter()["userID"];
        //TODO ajax
        return $.ajax({
            type: "POST",
            url: "api/v1/AddMoveFilesDocumentFolder",
            data: postData,
            beforeSend: function () {
                Modal.closeModal();
            },
            success: function (data) {
                if (data.status === 'OK') {

                    HoGoUtils.makeNotifyServer({
                        "msg": i18n.t('show_message.move_add_success'),
                        "autoClose": true,
                        "time": 800
                    });
                    if (fTable)
                        fTable.fnDraw();

                    if (HoGoUtils.getPageName() === "mydocumentdetail.html") {
                        MyDocumentDetail.getDocumentDetail();
                    }
                } else {
                    Modal.showAlert(i18n.t('show_message.error.move_file'));
                }
            }
        });
    }

    return {
        fStatus: false,
        /**
         * Get datatable manage document list
         * @returns {unresolved}
         */
        getTable: function () {
            return oTable;
        },
        updateDocument: function () {
            MyDocumentDetail.updateDocument();
        },
        makeListDocument: function (readOnlyMode, fnCallback) {
            makeListDocument(readOnlyMode, fnCallback);
        },
        getDocumentFolerList: function () {
            MyDocumentFolderDetail.getDocumentFolderListFile();
        },
        getFolderTable: function () {
            return fTable;
        },
        makeFolderList: function (fnCallback) {
            makeFolderList(fnCallback);
        },
        updateDocumentFolderInfo: function () {
            MyDocumentFolderDetail.updateDocumentFolderInfo();
        },
        viewOnlineNonProtectDocument: viewOnlineNonProtectDocument,
        /**
         * Init elements
         * @returns {undefined}
         */
        init: function () {
            var pName = HoGoUtils.getPageName();

            if (pName === 'mydocumentlist.html' || pName === 'userdetail.html') {
                // Initialize MyDocumentList page
                if ($('#myDocumentList').length > 0) {
                    if (pName !== "userdetail.html")
                        makeListDocument(false);

                    $("#filter").keyup(function () {
                        DTUtils.fnDisableControl(lDisableButton);
                        oTable.fnFilter($("#filter").val());
                    });

                    $('#myDocumentList #cbo_selectall').on('click', function () {
                        DTUtils.checkboxSelectAllEvent(this, "child", checkedList);
                        if (checkedList.length > 0) {
                            DTUtils.fnEnableControl(lEnableButton);
                        } else {
                            DTUtils.fnDisableControl(lDisableButton);
                        }
                    });
                }

                if ($('#myFolderList').length > 0) {
                    if (pName !== "userdetail.html")
                        makeFolderList();

                    $("#filter").keyup(function () {
                        DTUtils.fnDisableControl(lDisableButtonFolder);
                        oTable.fnFilter($("#filter").val());
                    });
                    $('#listFolderWrapper #cbo_selectall_folder').on('click', function () {
                        DTUtils.checkboxSelectAllEvent(this, "child", folderCheckedList);
                        if (folderCheckedList.length > 0) {
                            DTUtils.fnEnableControl(lEnableBtnFolder);
                        } else {
                            DTUtils.fnDisableControl(lDisableButtonFolder);
                        }
                    });
                    $('#btn_add_folder').on('click', function () {
                        showAddNewDocumentFolder();
                    });
                }
            }

            if (pName === "mydocumentdetail.html" || pName === "mydocumentdetailadmin.html") {
                // Initialize MyDocumentDetail page 

                if (pName === "mydocumentdetailadmin.html") {
                    HoGoUtils.makeLeftMenuAdmin();
                    HoGoUtils.makeHrefHeaderAdmin();
                    //Click back button
                    console.log('here');

                    console.log(prePage);
                    $('#btn-back-document-detail').on('click', function () {
//                        console.log(HoGoUtils.getParameter()["userID"]);
//                        window.location.href = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"] + "#/document-list";
                        $("#btn-back-document-detail").attr("href", prePage);
                    });
                }

                if ($('#myDocumentDetail').length > 0) {

                    MyDocumentDetail.exportAccessReport();

                    $('#imageTipsy').tipsy({gravity: 'nw', className: 'image-tipsy'});

                    // Event onchange thumbnail
                    $('#fileName').live('change', function () {
                        MyDocumentDetail.uploadFile();
                        return false;
                    });

                    // Event on change image button
                    $("span.file-wrapper").mouseover(function () {
                        $("span#textChangeImage").removeClass("orange").addClass("green-upload-image");
                    });
                    $("span.file-wrapper").mouseleave(function () {
                        $("span#textChangeImage").removeClass("green-upload-image").addClass("orange");
                    });

                    MyDocumentDetail.getDocumentDetail();
                    MyDocumentDetail.getHistoryOfDocument();


                    /* Text change */
                    $('#documentTitle, #documentDescription').bind('keyup focusout', (function () {
                        if (MyDocumentDetail.documentTitle !== $.trim($('#documentTitle').val()) || MyDocumentDetail.documentDescription !== $.trim($('#documentDescription').val())) {

                            MyDocumentDetail.isChanged = true;
                            HoGoUtils.enableButton('#update-document', {colorClass: 'green', isSubmitForm: true});
                        } else {
                            MyDocumentDetail.isChanged = false;
                            HoGoUtils.disableButton('#update-document', {colorClass: 'green'});
                        }
                    }));

                    //Dispay loader
                    $('.thumbnail-container>.indicator').css({'background-size': '20px'});

                    //Get thumbnail from HoGo Bookend
                    $("#documentThumbnail").css({opacity: 0.25}).attr("src", "api/v1/GetThumbnailFile?DocumentID=" + HoGoUtils.getParameter()["documentId"] + "&SessionID=" + s.getSessionID() + "&UserID=" + HoGoUtils.getParameter()["userID"]).load(function () {
                        //Opacity
                        $("#documentThumbnail").css({'opacity': 1});
                        //Dispay loader
                        $('.thumbnail-container>.indicator').css({'background-size': 0});
                    });

                    //Click back button
                    console.log(prePage);
                    $('#btn-back-document').on('click', function () {

                        if (MyDocumentDetail.isChanged === true) {
                            //Get thumbnail from HoGo Bookend
                            $("#documentThumbnail").css({opacity: 0.25}).attr("src", "api/v1/GetThumbnailFile?DocumentID=" + HoGoUtils.getParameter()["documentId"] + "&SessionID=" + s.getSessionID() + "&UserID=" + HoGoUtils.getParameter()["userID"]).load(function () {
                                //Opacity
                                $("#documentThumbnail").css({'opacity': 1});
                                //Dispay loader
                                $('.thumbnail-container>.indicator').css({'background-size': 0});

                            });

                            Modal.showConfirmPopup({
                                okCallback: function () {
                                    $('#validation').submit();
                                },
                                cancelCallback: function () {
                                    window.location.href = "MyDocumentList";
                                },
                                content: i18n.t('mydocument.message.confirm_save')
                            });
                            return false;
                        } else
//                            window.location.href = "UserDetail?userID=" + HoGoUtils.getParameter()["userID"];
                            $("#btn-back-document").attr("href", prePage);
                    });


                    $('#btn-back-folder').on('click', function () {
                        console.log('herere');
                        if (myDocumentFolderDetail.isChanged === true) {

                            $('body').find(".formError").remove();

                            Modal.showConfirmPopup({
                                okCallback: function () {
                                    $('#validation').submit();
                                },
                                cancelCallback: function () {
                                    window.location.href = "MyDocumentList";
                                },
                                content: i18n.t('mydocument.message.confirm_save')
                            });
                            return false;

                        } else
                            window.location.href = "MyDocumentList";

                    });
                    //Click delete button
                    $('#btn_delete').on('click', function () {
                        //Clean up error
                        $("body").find(".formError").each(function () {
                            $(this).remove();
                        });
                        MyDocumentDetail.isChanged = false;

                        Modal.showConfirmPopup({
                            title: i18n.t('mydocument.message.confirm_delete.title'),
                            content: i18n.t('mydocument.message.confirm_delete.content'),
                            okCallback: MyDocumentDetail.fnDeleteDocument
                        });
                        return false;
                    });
                    //Click button change folder
                    $('#btn_move_folder').on('click', function () {
//                        console.log("click here..");
                        getUserFolderList(function (list_folder) {
                            // get sucess
                            if (list_folder.length > 0) {
                                var values = [];
                                $.each(list_folder, function (idx, val) {
                                    values.push({id: val.folder_id, foldername: val.folder_name, createdate: DateUtils.convertDate(val.create_date), nofiles: val.no_files});
                                });

                                addMoveFilestoFolder(values);
                            } else {
                                Modal.showAlert({"content": i18n.t('show_message.add_no_folder')});
                            }
                        }, function () {
                            // can not get list folders
                            Modal.showAlert({"content": i18n.t('show_message.error.get_folder')});
                        });
                    });
                    //Click send button
                    $('#btn_send').on('click', function () {
                        MyDocumentDetail.sendToWizard();
                    });
                }
            }

            if (pName === 'mydocumentfolderdetail.html' || pName === 'mydocumentfolderdetailadmin.html') {
                if (pName === 'mydocumentfolderdetailadmin.html')
                    HoGoUtils.makeLeftMenuAdmin(); // Only admin page need to make menu

                MyDocumentFolderDetail.getDocumentFolderDetail();
                $('#folder_name, #folder_description').bind('keyup focusout', (function () {
                    if (MyDocumentFolderDetail.folderName !== $.trim($('#folder_name').val()) || MyDocumentFolderDetail.description !== $.trim($('#folder_description').val())) {

                        MyDocumentFolderDetail.isChanged = true;
                        HoGoUtils.enableButton('#update-folder', {colorClass: 'green', isSubmitForm: true});
                    } else {
                        MyDocumentFolderDetail.isChanged = false;
                        HoGoUtils.disableButton('#update-folder', {colorClass: 'green'});
                    }
                }));
                //Delete Folder
                $('#btn_delete_folder').on('click', function () {
                    Modal.showConfirmPopup({
                        title: i18n.t('mydocument.message.confirm_delete.title'),
                        content: i18n.t('mydocument.message.confirm_delete.content'),
                        okCallback: function (modal) {
                            // Call submit form
                            var form = modal.find('form');
                            form.submit();
                            MyDocumentFolderDetail.deleteFolderDocument();
                        }

                    });

                });

                // get list file 
                MyDocumentFolderDetail.getDocumentFolderListFile();

                $("#filter").keyup(function () {
                    DTUtils.fnDisableControl(lDisableButton);
                    oTable.fnFilter($("#filter").val());
                });

                $('#cbo_selectall').on('click', function () {
                    DTUtils.checkboxSelectAllEvent(this, "child", checkedList);
                    if (checkedList.length > 0) {
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        DTUtils.fnDisableControl(lDisableButton);
                    }
                });
            }
            ;
        }// close init function
    };// close return

}(jQuery, UserSession));

//
// Manage basic setting account
//
var MyAccount = (function ($, s) {

    // Variables store orignal value
    var txtFirstName, txtMidtName, txtLastName, txtSenderMail, txtCompany, txtTimeZone, notify, newNotifyInt, oLandPage, nLandPage, lang;

    /**
     * Check or uncheck on checkbox with list notifycation 1/0
     * @param {type} lstNotifycation
     * @returns {undefined}
     */
    function setCheckedCheckbox(lstNotifycation) {

        for (i = 0; i < lstNotifycation.length; i++) {

            if (lstNotifycation[i] === "1") {
                var index = i + 1;
                var id = '#notify' + index;
                $(id).attr('checked', true);
                var maskLabel = $(id).parent().children("label");
                maskLabel.addClass('checked');
            }
        }
    }

    /**
     * Display on view which landing page is 
     * @param {number} pageNumber The number presents for the page. [SendWizard: 1; MyDocument: 2; History: 3; AddressBook: 4]
     * @returns {Boolean}
     */
    function setLandingPage(pageNumber) {

        switch (pageNumber) {

            case 1:
                $('#rSend').prop('checked', true);
                $('label[for=rSend]').addClass('checked');

                break;

            case 2:
                $('#rMyDocument').prop('checked', true);
                $('label[for=rMyDocument]').addClass('checked');

                break;

            case 3:
                $('#rHistory').prop('checked', true);
                $('label[for=rHistory]').addClass('checked');

                break;

            case 4:
                $('#rAddressBook').prop('checked', true);
                $('label[for=rAddressBook]').addClass('checked');
                break;
        }
    }

    /**
     * Check whether user info has been changed or not
     * @returns {Boolean}
     */
    function isChangeDetail() {
        if (txtFirstName !== $.trim($('#txtFirstName').val()) || txtMidtName !== $.trim($('#txtMidtName').val())
                || txtLastName !== $.trim($('#txtLastName').val()) || txtCompany !== $.trim($('#txtCompany').val())
                || txtTimeZone !== $('#txtTimeZone').val() || txtSenderMail !== $.trim($('#txtSenderMail').val()) || lang !== $('#language').val() || notify !== newNotifyInt
                || parseInt(oLandPage) !== parseInt(nLandPage)) {
            HoGoUtils.enableButton("#btnSaveSetting", {colorClass: 'green', isSubmitForm: true});
            return true;
        } else {
            HoGoUtils.disableButton("#btnSaveSetting", {colorClass: 'green'});
            return false;
        }
    }

    /**
     * Make a request to save setting
     * @param {array} postData Data will be saved
     * @returns {jqXHR}
     */
    function makeSaveRequest(postData) {
        postData['Lang'] = HoGoUtils.detectBrowserAutoLang(postData['Lang']);

        return $.ajax({
            type: "POST",
            url: "api/v1/UpdateUserInfo",
            data: postData,
            dataType: "json",
            beforeSend: function () {
                //Disable btn save
                HoGoUtils.disableButton('#btnSaveSetting', {colorClass: 'green'});
                $("#validation .actionBar>.loader").show('fast');
            },
            success: function (data) {

                $("#validation .actionBar>.loader").hide('slow');

                var status = data.status;

                if (status === "OK") {

                    MyAccount.loadingDataSetting().done(function (data) {

                        var userInfo = data.detail;
                        for (var key in userInfo) {
                            var dt = userInfo[key];
                            var newLang = dt.lang;

                            var lLang = newLang.split('-');
                            var isAuto = ($.trim(lLang[0]) === "auto") ? true : false;
                            //Translate content if set another language
                            s.updateUserInfo(isAuto);
                        }
                    });
                } else if (data.status === APIConst.sessionIdNotFound) {
                    window.location = "login";
                }
            }
        });
    }

    /**
     * Submit all info changed
     */
    function submitSetting() {

        if (!formStatus) {
            return false;
        }

        var postData = {};
        postData = $('form#validation').serializeObject();
        postData["SessionID"] = s.getSessionID();
        //If there's nothing change
        if (newNotifyInt === "") {
            newNotifyInt = notify;
        }
        postData['Notification'] = newNotifyInt;

        if ($.trim($('#language').val()) === 'auto') {
            postData['Lang'] = 'auto-' + HoGoUtils.detectBrowserLang();
        }

        makeSaveRequest(postData);
    }

    /**
     * Make request data in order to get point history
     * @param {type} aoData
     * @returns {object}
     */
    function pointHistoryPostData(aoData) {

        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = y.value;
            }

            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 2;
                else
                    post["SortType"] = 1;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 4;
                else
                    post["SortType"] = 3;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 6;
                else
                    post["SortType"] = 5;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 8;
                else
                    post["SortType"] = 7;
                break;
        }

        if (HoGoUtils.getPageName() === 'userdetail.html') {
            post["UserID"] = HoGoUtils.getParameter()['userID'];
        }

        post["SessionID"] = UserSession.getSessionID();

        return post;
    }

    /**
     * Create table statistic history points
     * @param {type} fnCallback callback after table has been initilized
     * @returns {undefined}
     */
    function loadingPointsHistory(fnCallback) {
        var l = 'en';
        if (s.getUserObject() !== null) {
            l = s.getLang();
        }
        $('#tblPointHistory').dataTable({
            "aaSorting": [[1, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": 'pli<"clear">r',
            "sAjaxSource": "api/v1/GetHistoryPoints",
            "bServerSide": true,
            "bDestroy": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: pointHistoryPostData(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {

                        $("#tblPointHistory_wrapper").height(1);
                        $("#tblPointHistory_paginate").css({"visibility": "visible", "float": "right", "padding-top": "0px", "padding-bottom": "15px"});
                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};
                            $.each(data.historyDetail, function (key, value) {
                                json.aaData.push({"id": value.id, "type": value.type, "points": value.points, "cost": value.cost, "createDate": DateUtils.convertFullDate(value.createDate), "currency": value.currency, "paymentType": value.paymentType});
                            });
                        } else {
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                $("td:eq(0)", nRow).html("");
                $("td:eq(1)", nRow).html("<div>" + DateUtils.convertFullDate(aData.createDate) + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.points + "</div>");
                $("td:eq(3)", nRow).html("<div>" + convertCentToUSD(aData.cost, aData.currency) + "</div>");

                $("td:eq(4)", nRow).html("<div>" + Payment.convertPaymentTypeToText(aData.paymentType) + "</div>");

                nRow.setAttribute("style", "text-align: left");

            },
            "fnDrawCallback": function (oSettings) {
                DTUtils.determinePaging(oSettings);
                //Set up stuff
//                DTUtils.fnSetUpTableControl(oSettings);
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0]}
            ],
            "aoColumns": [
                {"mDataProp": "points"},
                {"mDataProp": "points"},
                {"mDataProp": "cost"},
                {"mDataProp": "createDate"},
                {"mDataProp": "createDate"}
            ],
            "fnInitComplete": function (s) {
                $('#' + s.sTableId).i18n();
                if (typeof fnCallback === 'function') {
                    fnCallback.call();
                }
            }
        });
    }

    // Loading data statistic on month
    function loadingStatisticOnMonth() {

        var postDataMonth = {};
        postDataMonth["Days"] = 30;
        postDataMonth["SessionID"] = s.getSessionID();

        $.ajax({
            url: "api/v1/GetStatistics",
            type: "POST",
            dataType: "json",
            data: postDataMonth,
            timeout: HoGoConst.APITimeout,
            success: function (data) {
                if (data.status === "OK") {
                    $("#numberDocumentUploadedMonth").html(data.numberUploadedDocuments);
                    $("#numberDocumentSendDirectMonth").html(data.numberDocumentSendDirect);
                    $("#numberRecipientSendDirectMonth").html(data.numberRecipientSendDirect);
                    $("#numberDocumentDownloadCreateLinkMonth").html(data.numberDocumentDownloadCreateLink);
                    $("#numberOfCreateLinkMonth").html(data.numberOfCreateLink);
                } else {
                    $("#numberDocumentUploadedMonth").html(0);
                    $("#numberDocumentSendDirectMonth").html(0);
                    $("#numberRecipientSendDirectMonth").html(0);
                    $("#numberDocumentDownloadCreateLinkMonth").html(0);
                    $("#numberOfCreateLinkMonth").html(0);
                }
            }
        });
    }

    // Loading data statistic on year
    function loadingStatisticOnYear() {

        var postDataYear = {};
        postDataYear["Days"] = 365;
        postDataYear["SessionID"] = s.getSessionID();
        $.ajax({
            url: "api/v1/GetStatistics",
            type: "POST",
            dataType: "json",
            data: postDataYear,
            timeout: HoGoConst.APITimeout,
            success: function (data) {
                if (data.status === "OK") {
                    $("#numberDocumentUploadedYear").html(data.numberUploadedDocuments);
                    $("#numberDocumentSendDirectYear").html(data.numberDocumentSendDirect);
                    $("#numberRecipientSendDirectYear").html(data.numberRecipientSendDirect);
                    $("#numberDocumentDownloadCreateLinkYear").html(data.numberDocumentDownloadCreateLink);
                    $("#numberOfCreateLinkYear").html(data.numberOfCreateLink);
                } else {
                    $("#numberDocumentUploadedYear").html(0);
                    $("#numberDocumentSendDirectYear").html(0);
                    $("#numberRecipientSendDirectYear").html(0);
                    $("#numberDocumentDownloadCreateLinkYear").html(0);
                    $("#numberOfCreateLinkYear").html(0);
                }
            }
        });
    }

    // Show password popup
    function showChangePasswordPopup() {

        Modal.createModal(2, {
            title: i18n.t('password.change_password.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validationCP', MyAccount);

            },
            templateUrl: "Template/change_password.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();

                MyAccount.doChangePassword();
            }
        });
    }

    function showChangeEmailPopup() {

        Modal.createModal(2, {
            title: i18n.t('email.change_email.title'), // Should support multiple langue (i18n.t('modal.change_email_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validationCE', MyAccount);

            },
            templateUrl: "Template/change_email.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();

                MyAccount.doChangeEmail();
            }
        });
    }

    return {
        // Form status
        fStatus: false,
        /*
         * Loading data for setting account
         * This Function will respone data info of current user
         */
        loadingDataSetting: function () {

            return $.ajax({
                type: "POST",
                url: "api/v1/GetUserInfo", // removed api GetUserInfoHogo
                dataType: "json",
                data: {UserID: HoGoUtils.getParameter()["userID"], SessionID: UserSession.getSessionID()},
                timeout: HoGoConst.APITimeout,
                success: function (data) {
                    var detail = data.detail;

                    //Render on view depend on language/country
                    for (var key in detail) {
                        // Language
                        lang = detail[key].lang;
                        // Not set before
                        if (lang === '' || lang === null) {
                            $('#language').val('auto').selectmenu();
                        } else {

                            var lLang = lang.split('-'); // auto-en
                            var pName = HoGoUtils.getPageName();
                            if ($.trim(lLang[0]) === 'auto') {
                                $('#language').val('auto').selectmenu();
                                HoGoUtils.renderNameBaseLang(pName, HoGoUtils.detectBrowserLang());
//                                lang = lLang[1];
                            } else {
                                $('#language').val(lang).selectmenu();
                                HoGoUtils.renderNameBaseLang(pName, lang);
                            }

                        }
                        $('#txtFirstName').val(detail[key].first_name);
                        $('#txtMidtName').val(detail[key].middle_name);
                        $('#txtLastName').val(detail[key].last_name);
                        $('#txtCompany').val(detail[key].company);
                        $('#txtEmail').val(detail[key].e_mail);
                        if (typeof detail[key].user_sender_mail === 'undefined') {

                            if (lang !== 'ja') {
                                $('#txtSenderMail').val(detail[key].first_name + " " + detail[key].last_name);
                            } else {
                                $('#txtSenderMail').val(detail[key].last_name + " " + detail[key].first_name);
                            }

                        } else {
                            $('#txtSenderMail').val(detail[key].user_sender_mail);
                        }
                        // Timezone
                        $('#txtTimeZone').val(detail[key].time_zone).selectmenu();
                        // Get notify
                        notify = newNotifyInt = detail[key].notification;
                        // On checkbox
                        setCheckedCheckbox(notify);
                        // Set value to model
                        // Set landing page
                        oLandPage = nLandPage = detail[key].landing_page;
                        setLandingPage(detail[key].landing_page);
                        txtFirstName = $.trim($('#txtFirstName').val());
                        txtMidtName = $.trim($('#txtMidtName').val());
                        txtLastName = $.trim($('#txtLastName').val());
                        txtCompany = $.trim($('#txtCompany').val());
                        txtTimeZone = $.trim($('#txtTimeZone').val());
                        txtSenderMail = $.trim($('#txtSenderMail').val());
                    }
                    /* Text change */
                    $('#txtFirstName, #txtMidtName, #txtLastName, #txtCompany, #txtSenderMail').bind('keyup focusout', (function () {

                        isChangeDetail();
                    }));
                }
            });
        },
        loadingStatistic: function () {
            loadingPointsHistory();
            loadingStatisticOnMonth();
            loadingStatisticOnYear();
        },
        loadingPointsHistory: function (fnCallback) {
            loadingPointsHistory(fnCallback);
        },
        /**
         * Do save user after changing
         * @returns {undefined}
         */
        doSaveUser: function () {

            submitSetting();
        },
        //Submit form
        doChangePassword: function () {

            $('form#validationCP').find('.formErrorContent').css('white-space', 'nowrap');

            if (!MyAccount.fStatus) {
                return;
            }

            var postData = {};

            var newPassword = $('#password').val().trim();
            postData["NewPassword"] = HoGoUtils.MD5(newPassword);
            postData["SessionID"] = s.getSessionID();
            //TODO ajax
            return $.ajax({
                type: "POST",
                url: "api/v1/UpdatePassword",
                data: postData,
                beforeSend: function () {
                    Modal.closeModal();
                },
                success: function (data) {

                    if (data.status === 'OK') {
                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('password.message.save_success'),
                            "autoClose": true,
                            "time": 400
                        });

                        //Reset user session Cookie
                        if (data.new_session_id !== "") {

                            var newsessionID = data.new_session_id;

                            s.setSessionID(newsessionID);
                        }
                    } else {
                        fnSessionTimeout(data);
                    }
                }
            });
        },
        //Submit form
        doChangeEmail: function () {

            $('form#validationCE').find('.formErrorContent').css('white-space', 'nowrap');

            if (!MyAccount.fStatus) {
                return;
            }

            //Collect data for request on services
            var postData = {};

            postData["SessionID"] = s.getSessionID();
            postData["OldEmailAddress"] = $('#txtEmail').val();
            postData["NewEmailAddress"] = $('#email').val();
            var newEmail = $('#email').val();

            //Calling services    
            return $.ajax({
                type: "POST",
                url: "api/v1/InitiateEmailAddressChange",
                data: postData,
                timeout: HoGoConst.APITimeout,
                dataType: "json",
                beforeSend: function () {
                    Modal.closeModal();
                },
                success: function (data) {

                    var result = data.status;

                    if (result === "OK") {

                        //Set value for template email
                        $("#emailTitle").html(newEmail);
                        $("#emailBody").html(newEmail);

                        var title = i18n.t('email.send_email.we_send_email');
                        var confirm = i18n.t('email.send_email.confirm');
                        var click_link = i18n.t('email.send_email.click_link');
                        var check_email = i18n.t('email.send_email.check_your_email');
                        //Update dialog popup
                        var htmlEmail = "<div class='mainPopupMail'><div class='text-main-popupmail'><h2>" + title + "</h2><h2 id='emailTitle'>" + newEmail + "</h2></strong><p>" + confirm + "</p> <br><p> " + click_link + "</p><p>" + check_email + "</p></div><img src='Images/ph_sentmail.png'></img> </div>";

                        Modal.showAlert({content: htmlEmail});

                        //Reset user session Cookie
                        var newsessionID = data.newSessionID;

                        s.setSessionID(newsessionID);
                    } else
                    if (result === APIConst.sessionIdNotFound) {
                        window.location = "login";
                    } else {
                        Modal.showAlert({content: i18n.t('email.message.exist_email')});
                    }
                }
            });

        },
        init: function () {
            // User info

            this.loadingDataSetting().done(function () {

                //Drop downlist change
                $("#txtTimeZone, #language").change(function () {
                    isChangeDetail();
                });

                //Notification change       
                $('.checkbox').change(function () {

                    newNotifyInt = $('input:checkbox').map(function () {

                        if ($(this).is(':checked'))
                            return '1';

                        else
                            return '0';

                    }).get().toString().replace(/\,/g, '');

                    isChangeDetail();
                });

                // Landing page select action
                $('.radio :input[type=radio]').on('click', function () {
                    nLandPage = $(this).val();
                    isChangeDetail();
                });
            });

            //Change password button Tab<INFO>
            $("#btnChangePasswordAccount").live('click', function () {
                showChangePasswordPopup();
            });

            $("#btnChangeEmailAccount").on('click', function () {
                showChangeEmailPopup();
            });

            $('.btn-cancel-normal-popup').live('click', function () {
                Modal.closeModal();
            });
        }
    };

}(jQuery, UserSession));

//
// Manage payement process
//
var Payment = (function ($) {

    /* Variables for store orginal value */
    var cardNumber, exp_month, exp_year, cvc, FirstName, LastName, Address1, Address2, City, State, ZipCode, Country;

    /* Check card exist or not */
    var cardExist = false;

    /* Submitting or not */
    var submitting = false;

    /**
     * Set card format on view base on last 4 number that stripe provide us
     * @param {string} last4 : 4 last number recieved from stripe
     * @param {string} typeCard : type of card
     * @return {string} format card
     */
    function setCardFormat(last4, typeCard) {
        var refix = null;
        if (typeCard === "Visa" || typeCard === "MasterCard" || typeCard === "Discover" || typeCard === "American Express" || typeCard === "JCB")
            refix = "**** **** **** ";
        else
            refix = "**** **** *** ";
        return refix + last4;
    }

    /**
     * Get path return after purchase successfully
     * @returns {unresolved}
     */
    function getReturnPath() {
        var hashes = window.location.href.split('returnPath');
        var url = hashes[1].substr(1, hashes[1].length);
        return url;
    }

    /**
     * Reset form & its value after saving
     * @returns {undefined}
     */
    function resetForm() {

        // Reset form
        $('#validationBL').find('input').each(function () {
            $(this).val('');
        });

        cardNumber = cvc = FirstName = LastName = Address1 = Address2 = City = ZipCode = '';

        $('#validationBL').find('select').each(function () {
            $(this).prop('selectedIndex', 0);
            $(this).selectmenu();
        });

        // Reset 
        exp_month = $("#expdate_month").val();
        exp_year = $("#expdate_year").val();
        State = $("#state").val();
        Country = $("#country").val();
    }

    /**
     * Check whether card info has been changed or not
     * @returns {Boolean}
     */
    function isChangeDetail() {

        if ((cardNumber !== $.trim($('#creditCardNumber').val()) || cvc !== $.trim($('#cvv2Number').val()) || FirstName !== $.trim($('#firstName').val()) || LastName !== $.trim($('#lastName').val())
                || Address1 !== $.trim($('#address1').val()) || Address2 !== $.trim($('#address2').val()) || City !== $.trim($('#city').val()) || State !== $.trim($('#state').val())
                || ZipCode !== $.trim($('#zip').val()) || exp_month !== $.trim($('#expdate_month').val()) || exp_year !== $.trim($('#expdate_year').val())
                || Country !== $.trim($('#country').val()) || State !== $.trim($('#state').val())) && submitting === false)
        {
            HoGoUtils.enableButton("#submit", {colorClass: 'green', isSubmitForm: true});
            return true;
        } else {
            // Always enable button PURCHASE if card is existed
            if (HoGoUtils.getPageName() === 'paymentinfo.html' && cardExist === true) {
                // No need to disable
                return false;
            } else {
                HoGoUtils.disableButton("#submit", {
                    colorClass: 'green'
                });
                return false;
            }
        }
    }

    /**
     * Do delete card info
     * @returns {jqXHR}
     */
    function fnDeleteCard() {

        return $.ajax({
            type: "POST",
            timeout: HoGoConst.APITimeout,
            url: "api/v1/DeleteCard",
            dataType: "json",
            data: {SessionID: UserSession.getSessionID()},
            beforeSend: function () {

                $('<div class="hogo-bg-overlay-action" />').appendTo("#billingContent");
            },
            success: function (data) {

                $('#billingContent').find('.hogo-bg-overlay-action').remove();

                if (data.status === 'OK') {

                    $('#tblPaymentInfo p').each(function () {

                        $(this).text("");

                        $('#btnDeleteCard').hide();
                    });
                } else {
                    // Session timeout
                    if (data.status === APIConst.sessionIdNotFound) {

                        window.location.href = 'login';
                    } else {
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                }
            }
        });
    }

    /**
     * Load card info
     * @returns {jqXHR}
     */
    function loadExistCardInfo() {

        return $.ajax({
            type: "POST",
            timeout: HoGoConst.APITimeout,
            url: "api/v1/GetExistCardInfo",
            dataType: "json",
            data: {SessionID: UserSession.getSessionID()},
            beforeSend: function () {
                $('#wrapperLoading').show('fast');
            },
            success: function (data) {

                $('#wrapperLoading').hide();

                if (data.status === 'OK') {

                    if (data.card_info !== null || data.card_info !== "") {

                        //Put data on view
                        var card = data.card_info;

                        $("#card_type").text(card.type);
                        $("#card_number").text(setCardFormat(card.last4, card.type));
                        $("#exp_date").text(card.expMonth + "/" + card.expYear);
                        $("#fullname").text(card.name);
                        $("#card_address").text(card.addressLine1 + ", " + card.addressCity + ", " + card.addressCountry + ", " + card.addressZip);
                        $("#country1").text(card.addressCountry);

                        // Card exist
                        cardExist = true;

                        // Enable button purchase
                        if (HoGoUtils.getPageName() === 'paymentinfo.html') {
                            HoGoUtils.enableButton("#submit", {colorClass: 'green', isSubmitForm: true});
                        } else {
                            //For button delete
                            $('#btnDeleteCard').text(i18n.t('payment.buttons.delete_card')).show('fast');
                        }
                    }
                } else {

                    $('#tblPaymentInfo p').each(function () {
                        $(this).text("");
                    });
                }
            }
        });
    }

    /**
     * Callback after do create card
     * @param {type} status
     * @param {type} response
     * @returns {undefined}
     */
    function stripeResponseHandler(status, response) {

        if (response.error) {

            // Invalid card
            Modal.showAlert({
                title: i18n.t('payment.message.invalid_card.title'),
                content: i18n.t('payment.message.invalid_card.content')
            });

            $("#validationBL .actionBar>.loader").hide('slow');

            HoGoUtils.enableButton("#submit", {
                colorClass: 'green',
                isSubmitForm: true,
                textInside: i18n.t('buttons.save')
            });
        } else {

            // Reset form
            resetForm();

            // Token contains id, last4, and card type
            var token = response['id'];

            // Purchase context
            if (HoGoUtils.getPageName() === 'paymentinfo.html') {
                doBuyPoints(token);
            } else {
                //Update card info for user
                submitBilling(token);
            }
        }
    }

    /**
     * Do update card
     * @param {type} token
     * @returns {undefined}
     */
    function submitBilling(token) {

        //post data
        var postDataBilling = {};
        postDataBilling["CardToken"] = token;
        postDataBilling["SessionID"] = UserSession.getSessionID();

        //Post to buy points
        $.ajax({
            type: "POST",
            timeout: HoGoConst.APITimeout,
            url: "api/v1/UpdateCard",
            data: postDataBilling,
            dataType: "json",
            success: function (data) {

                $("#validationBL .actionBar>.loader").hide('slow');

                if (data.status === 'OK') {

                    loadExistCardInfo();
                } else
                if (data.status === APIConst.sessionIdNotFound) {

                    window.location.href = "login";
                } else {
                    HoGoUtils.writeLog(data.status_desc);
                    Modal.showAlert({ontent: i18n.t('error.unknown')});
                }
            },
            error: function () {
                Modal.showAlert({content: i18n.t('error.unknown')});
                $("#validationBL .actionBar>.loader").hide('slow');
            }
        });
    }

    /**
     * Purchase at our API
     * @param {type} token : Token provided from Stripe
     * @returns {undefined}
     */
    function doBuyPoints(token) {

        //post data
        var postData = {};

        postData["CardToken"] = token;
        postData["SessionID"] = UserSession.getSessionID();
        postData["priceId"] = HoGoUtils.getParameter()["PriceId"];

        //Post to buy points
        var req = $.ajax({
            type: "POST",
            timeout: HoGoConst.APITimeout,
            url: "api/v1/HoGoBuyPoints",
            data: postData,
            dataType: "json",
            beforeSend: function () {

                $('<div class="hogo-bg-overlay-action" />').appendTo('#purchaseWrapper');

                HoGoUtils.disableButton("#submit", {
                    colorClass: 'green',
                    textInside: i18n.t('buttons.status.purchasing')
                });

                $("#validationBL .actionBar>.loader").show('fast');

                submitting = true;
            }
        });

        req.done(function (data) {

            // Append background overlay
            $('#purchaseWrapper').find('.hogo-bg-overlay-action').remove();

            $("#validationBL .actionBar>.loader").hide('slow');

            submitting = false;

            if (data.status === 'OK') {

                HoGoUtils.enableButton("#submit", {
                    colorClass: 'green',
                    isSubmitForm: true,
                    textInside: i18n.t('buttons.purchase')
                });

                //Get current points map on view
                UserSession.updateUserInfo();

                //Update card information if there's something changes
                if (cardExist === false) {
                    loadExistCardInfo();
                }

                Modal.showConfirmPopup({
                    title: i18n.t('payment.message.purchase_success.title'),
                    content: i18n.t('payment.message.purchase_success.content'),
                    okTitle: i18n.t('buttons.done'),
                    okCallback: function () {
                        window.location.href = getReturnPath();
                    },
                    cancelTitle: i18n.t('buttons.back')
                });
            } else {
                // Session timeout
                if (data.status === APIConst.sessionIdNotFound) {
                    window.location.href = 'login';
                } else {

                    HoGoUtils.disableButton("#submit", {
                        colorClass: 'green',
                        textInside: i18n.t('buttons.status.purchasing')
                    });

                    // Invalid card
                    Modal.showAlert({
                        title: i18n.t('payment.message.invalid_card.title'),
                        content: i18n.t('payment.message.invalid_card.content')
                    });
                }
            }
        });

    }

    //GMO Payment
    function notifyGMOPayment(obj) {
        Modal.showConfirmPopup({
            title: i18n.t('payment.GMO_payment.title'),
            content: i18n.t('payment.GMO_payment.message'),
            okCallback: function () {
                // 
                var btn_id = $(obj).attr("id");
                switch (btn_id)
                {
                    case "package1":
                        window.location = "GMOPayment?Code=JPP20&SessionID=" + UserSession.getSessionID();
                        break;
                    case "package2":
                        window.location = "GMOPayment?Code=JPP100&SessionID=" + UserSession.getSessionID();
                        break;
                    case "package3":
                        window.location = "GMOPayment?Code=JPP300&SessionID=" + UserSession.getSessionID();
                }

            },
            cancelCallback: function () {
                window.location.href = getReturnPath();
            }
        });

    }

    //Paypal iDOC Payment
    function notifyPaypaliDOCPayment(obj)
    {
        Modal.showConfirmPopup({
            title: i18n.t('payment.GMO_payment.title'),
            content: i18n.t('payment.GMO_payment.messagePaypal'),
            okCallback: function () {
                var btn_id = $(obj).attr("id");
                switch (btn_id)
                {
                    case "superPackage":
                        window.location = "setExpressCheckout?type=super&location=jp";
                        break;
                    case "plusPackage":
                        window.location = "setExpressCheckout?type=plus&location=jp";
                        break;
                    case "basicPackage":
                        window.location = "setExpressCheckout?type=basic&location=jp";
                }

            },
            cancelCallback: function () {
                window.location.href = getReturnPath();
            }
        });
    }

    return {
        /* Validate form */
        fStatus: false,
        /**
         * Do creating card by using Stripe js
         * @returns {undefined}
         */
        submitCreateCardToken: function () {

            // Check valid form
            if (!Payment.fStatus) {
                return false;
            }

            $("#validationBL .actionBar>.loader").show('fast');

            HoGoUtils.disableButton("#submit", {
                colorClass: 'green'
            });

            Stripe.setPublishableKey(stripePuplicKey);
            Stripe.createToken({
                number: $("#creditCardNumber").val(),
                cvc: $("#cvv2Number").val(),
                exp_month: $("#expdate_month").val(),
                exp_year: $("#expdate_year").val(),
                currency: "usd",
                name: $("#firstName").val() + " " + $("#lastName").val(),
                address_line1: $("#address1").val(),
                address_line2: $("#address2").val(),
                address_city: $("#city").val(),
                address_zip: $("#zip").val(),
                address_state: $("#state").val(),
                address_country: $("#country").val()

            }, stripeResponseHandler);
        },
        /**
         * Do purchase for PaymentInfo page context
         * @returns {Boolean}
         */
        doPurchase: function () {

            if (cardExist === false) {
                // Check valid form
                if (!Payment.fStatus) {
                    return false;
                }
            }

            // If both form & card exist is true. We will purchase with existing card as higher priority
            // Do purchase
            if (Payment.fStatus === true) {
                // Create new card
                cardExist = false;
                Payment.submitCreateCardToken();
            } else {

                if (cardExist === true && isChangeDetail() === false) {
                    //Remove all form error
                    $("body").find(".formError").each(function () {
                        $(this).remove();
                    });
                    // Using existing card
                    doBuyPoints('');
                }
            }

        },
        convertPaymentTypeToText: function (paymentType) {
            switch (paymentType) {
                case 1:
                    return "Paypal";
                    break;
                case 2:
                    return "Stripe";
                    break;
                case 3:
                    return "GMO Payment";
                    break;
                default:
                    return "";
                    break;
            }
        },
        init: function () {

            //Get dropdownlist country and state map with country
            HoGoUtils.getListCountry('country');
            //State
            HoGoUtils.getListState('state', $('#country').val());

            // Do load card 
            loadExistCardInfo().done(function () {

                // Load done set value for the first time
                cardNumber = $("#creditCardNumber").val();
                exp_month = $("#expdate_month").val();
                exp_year = $("#expdate_year").val();
                cvc = $("#cvv2Number").val();
                FirstName = $("#firstName").val();
                LastName = $("#lastName").val();
                Address1 = $("#address1").val();
                Address2 = $("#address2").val();
                City = $("#city").val();
                State = $("#state").val();
                ZipCode = $("#zip").val();
                Country = $("#country").val();

                /* Text change */
                $('#creditCardNumber, #cvv2Number, #firstName, #lastName, #address1, #address2, #city, #zip').bind('keyup focusout', (function () {
                    isChangeDetail();
                }));

                //Drop expired month change
                $("#expdate_month, #expdate_year, #state").change(function () {
                    isChangeDetail();
                });

                // Confirm delete card
                $('#btnDeleteCard').die('click').live('click', function () {
                    Modal.showConfirmPopup({
                        title: i18n.t('payment.message.delete_card.title'),
                        content: i18n.t('payment.message.delete_card.content'),
                        okCallback: fnDeleteCard
                    });
                });
            });

            //Validate form 
            HoGoUtils.validateForm('validationBL', Payment);

            // Selectmenu
            $('select#state').selectmenu({
                style: 'popup',
                transferClasses: true,
                width: "100%"
            });

            $('select#country').selectmenu({
                style: 'popup',
                transferClasses: true,
                width: "100%",
                select: function (event, options) {

                    if (options.value === 'United States') {
                        //US
                        HoGoUtils.getListState('state', options.value);
                    } else {
                        // Canada
                        HoGoUtils.getListState('state', options.value);
                    }
                    // Refresh
                    $('select#state').selectmenu();
                    isChangeDetail();
                }
            });
        },
        loadByPointPage: function () {
            // update menu and major title  
            var majorTitle = '<%=LanguageManager.getInstance().getText("HG13HoGoPoints", request)%>';
            var linkImageTitle = 'Images/menu/Header_HoGoPoint.png';
            updateCssMenu_Title("none", linkImageTitle, majorTitle);

            // update link for response 
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1);
            var redirectLinkpackage1 = "PaymentInfo?PriceId=1&" + hashes;
            var redirectLinkpackage2 = "PaymentInfo?PriceId=2&" + hashes;
            var redirectLinkpackage3 = "PaymentInfo?PriceId=3&" + hashes;

//            console.log("get languate: "+UserSession.getLang());

            HoGoUtils.makeIPRequset().done(function (data) {
                if (data.Country === 'JP') {
                    $("#buyPointImgID").attr("style", "background: #F9F9F9 url(Images/PointBitmapJP.png) no-repeat center center!important;");

                    //Binding GMO Credit notify
                    $('#package1,#package2,#package3').on('click', function () {
                        notifyGMOPayment(this);
                    });

                    //Binding paypal iDOC notify
                    $('#superPackage,#plusPackage,#basicPackage').on('click', function () {
                        notifyPaypaliDOCPayment(this);
                    });

                    $("#buypointButtonTable").attr("style", "margin-left:226px!important;");
                } else {
                    //Default Credit card  
                    $("#package1").attr("href", redirectLinkpackage1);
                    $("#package2").attr("href", redirectLinkpackage2);
                    $("#package3").attr("href", redirectLinkpackage3);

                    //Default Paypal  
                    $("#superPackage").attr("href", "setExpressCheckout?type=super");
                    $("#plusPackage").attr("href", "setExpressCheckout?type=plus");
                    $("#basicPackage").attr("href", "setExpressCheckout?type=basic");
                }

            });

            if (UserSession.getLang() === 'ja')
            {
                $("#package1").attr("style", "font-size:10px!important;");
                $("#package2").attr("style", "font-size:10px!important;");
                $("#package3").attr("style", "font-size:10px!important;");

                $("#buypointButtonTable").attr("style", "width:456px!important;margin-left:222px!important;");
            }

            //Set return page for Paypal payment
            UserSession.setReturnPaypalURL(hashes.slice(hashes.indexOf('=') + 1));
        },
        // completedGMOPayment
        completedGMOPayment: function () {
            window.location = UserSession.getReturnPaypalURL();
        },
        // Do submit confirm buy point from paypal        
        doSubmitByPoint: function () {

            //post data
            var postData = {};
            postData["PayerID"] = HoGoUtils.getParameter()["PayerID"];
            postData["token"] = HoGoUtils.getParameter()["token"];
            postData["SessionID"] = UserSession.getSessionID();
            postData["type"] = HoGoUtils.getParameter()["type"];
            postData["location"] = HoGoUtils.getParameter()["location"];
            //Post to buy points
            return $.ajax({
                type: "POST",
                url: "DoExpressCheckout",
                data: postData,
                dataType: "json",
                beforeSend: function () {

                    HoGoUtils.disableButton("#submit", {colorClass: "green"});

                    $("#validationBL .actionBar>.loader").show('fast');

                },
                success: function (data) {

                    $("#validationBL .actionBar>.loader").hide('slow');

                    HoGoUtils.enableButton("#submit", {colorClass: 'green', isSubmitForm: true});

                    var status = data.status;
                    if (status === "OK") {
                        Modal.showConfirmPopup({
                            title: i18n.t('payment.message.purchase_success.title'),
                            content: i18n.t('payment.message.purchase_success.content'),
                            okTitle: i18n.t('buttons.done'),
                            cancelTitle: i18n.t('buttons.back'),
                            okCallback: function () {
                                window.location.href = UserSession.getReturnPaypalURL();
                            },
                            cancelCallback: function () {
                                window.location.href = UserSession.getReturnPaypalURL();
                            }
                        });
                    } else {
                        // Session timeout
                        if (data.status === APIConst.sessionIdNotFound) {
                            window.location.href = 'login';
                        } else {

                            HoGoUtils.disableButton("#submit", {colorClass: "green"});

                            /// Notify                               
                            Modal.showAlert({
                                title: i18n.t('payment.message.invalid_card.title'),
                                content: i18n.t('payment.message.invalid_card.content')
                            });
                        }
                    }
                }
            });
        }
    };

}(jQuery));

//
// Handle tooltips
//
var ToolTip = (function ($) {

    var setTip = function (ID, title, type, isWrapContent) {
        var oTitle = "<div class='medium-tip'><div class='tooTipContents'>" + title + "</div></div>";
        if (typeof type !== 'undefined' && type !== null) {
            oTitle = "<div class='" + type + "'><div class='tooTipContents'>" + title + "</div></div>";
        }
        if (typeof type !== 'undefined' && isWrapContent) {
            oTitle = "<div class='medium-tip'>" + title + "</div>";
        }
        $(ID).attr('original-title', oTitle);
    };

    return {
        init: function () {

            // set attributes of tooltip with small-tool-tip
            $('#pointTipsy, #imageTipsy, #imageAffTipsy,#importCsvTipsy, #tooltipExportRecipients, a#securityCodeTipsy').tooltipster({
                content: '',
                animation: 'fade',
                autoClose: true,
                interactive: true,
                position: 'bottom-left',
                maxWidth: '200',
                arrow: false,
                contentAsHTML: true,
                offsetY: -32
            });

            // Set content for tooltip
            $('#pointTipsy').tooltipster('content', i18n.t('header.tooltip.point'));
            $('#imageTipsy').tooltipster('content', i18n.t('mydocument.tooltip.image_size'));
            $('#imageAffTipsy').tooltipster('content', i18n.t('affiliate.tooltip.image_size'));
            $('#importCsvTipsy').tooltipster('content', i18n.t('addressbook.tooltip.csv_format'));
            $('#tooltipExportRecipients').tooltipster('content', i18n.t('history.package.tooltip.export_recipient'));
            $('a#securityCodeTipsy').tooltipster('content', i18n.t('myaccount.account_billing.tooltip.security_code'));
        },
        wizardTooltip: function () {
            // Step 3
            // Specify recipient block
            setTip('#specifyRecTipsy', i18n.t('send_wizard.step_3.blocks.specify_recipient.tooltips.t1'));
            // Download part
            setTip('#downloadTipsy', i18n.t('send_wizard.step_3.blocks.download.tooltips.t1'), null, true);

            $('#mailAddressTipsy,#expiryDateTipsy,#expiryDocumentTipsy,#numberCopyTipsy,#passwordTipsy,#localCopyTipsy,#folderTipsy,#numberCopyTipsy').tooltipster({
                content: '',
                animation: 'fade',
                autoClose: true,
                interactive: true,
                position: 'bottom-right',
                maxWidth: '350',
                arrow: false,
                contentAsHTML: true,
                offsetY: -40
            });
            $('#mailAddressTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.specify_recipient.tooltips.t2'));
            $('#expiryDateTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.link_expiry.tooltips.t1'));
            //$('#downloadTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.download.tooltips.t1'));
            $('#expiryDocumentTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.download.tooltips.t2'));
            $('#passwordTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.password.tooltips.t1'));
            $('#localCopyTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.local_copies.tooltips.t1'));
            $('#numberCopyTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.local_copies.tooltips.t2'));
            $('#folderTipsy').tooltipster('content', i18n.t('send_wizard.step_3.blocks.folder.tooltips.t1'));
            // Step 4
            // set attributes of tooltip with medium-tool-tip 
            $('a#mailAddressStep4TipAnonymous, a#mailAddressStep4TipSpecify').tooltipster({
                content: '',
                animation: 'fade',
                autoClose: true,
                interactive: true,
                position: 'bottom-left',
                maxWidth: '200',
                arrow: false,
                contentAsHTML: true,
                offsetY: -40
            });
            $('a#mailAddressStep4TipSpecify').tooltipster('content', i18n.t('send_wizard.step_4.blocks.send_email.tooltips.t1'));
            $('a#mailAddressStep4TipAnonymous').tooltipster('content', i18n.t('send_wizard.step_4.blocks.send_email.tooltips.t2'));
        }
    };
}(jQuery));

//
// Manage notification
//
var Notification = (function ($) {

    //var init = false;

    /* This class using only for NotificationInbox page. */
    var MessageList = {
        messageList: [],
        currentItem: 0,
        urgentItem: 0,
        normalItem: 0,
        urgentItemUnread: 0,
        normalItemUnread: 0,
        fnComplete: null,
        fnCompleteUpdateStatus: null,
        isLoaded: false,
        //Get message from Server
        getListMessage: function (sessionID) {

            return $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/GetListMessage",
                //async: false,
                data: {'SessionID': sessionID},
                dataType: "json",
                success: function (data) {

                    if (data.status === "OK") {
                        //Push data here 
                        $.each(data.list_notification, function (k, v) {
                            if (v.type !== 600)
                                MessageList.messageList.push({"messageID": v.messageID, "title": v.title, "body": v.body, "type": v.type, "status": v.status, "createDate": v.createDate});

                            if (v.status === HoGoConst.MESSAGE_UNREAD_TYPE) {

                                if (v.type === HoGoConst.ADMIN_SENT_MESSAGE_TYPE) {
                                    MessageList.urgentItemUnread++;
                                } else {
                                    MessageList.normalItemUnread++;
                                }
                            }
                        });
                    }
                },
                complete: function () {

                    MessageList.isLoaded = true;

                    //DO any method is set onComplete
                    if (MessageList.fnComplete !== null)
                        MessageList.fnComplete();
                }
            });
        },
        resetList: function () {

            MessageList.currentItem = 0;
            MessageList.urgentItemUnread = 0;
            MessageList.normalItemUnread = 0;
            MessageList.isLoaded = false;
            MessageList.fnComplete = null;
            MessageList.fnCompleteUpdateStatus = null;
            MessageList.messageList.splice(0, MessageList.messageList.length);

        },
        size: function () {

            return MessageList.messageList.length;

        },
        get: function (i) {

            return MessageList.messageList[i];

        },
        next: function () {

            //console.log(MessageList.currentItem);

            var item = null;

            if (MessageList.currentItem <= MessageList.size() - 1) {

                MessageList.currentItem++;
                item = MessageList.get(MessageList.currentItem);
            }
            return item;

        },
        previous: function () {

            //console.log(MessageList.currentItem);

            var item = null;

            if (MessageList.currentItem >= 1) {

                MessageList.currentItem--;
                item = MessageList.get(MessageList.currentItem);

            }

            return item;

        },
        getCurrentItem: function () {

            return MessageList.get(MessageList.currentItem);

        },
        updateRead: function (i, sessionID) {
            //Get message ID
            var obj = MessageList.get(i);

            //Update
            $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/UpdateStatusMessage",
                data: {'SessionID': sessionID, 'MessageID': obj.messageID, 'MessageCode': obj.type},
                dataType: "json",
                success: function (data) {

                    if (data.status === "OK") {
                        //Push data here 
                        obj.status = HoGoConst.MESSAGE_READ_TYPE; //Read
                        //console.log("Updated");
                    } else {
                        //console.log("Update failed");
                    }
                },
                error: function () {

                },
                complete: function () {

                    if (MessageList.fnCompleteUpdateStatus !== null)
                        MessageList.fnCompleteUpdateStatus();
                }
            });
        },
        onComplete: function (_fnOnComplete) {

            MessageList.fnComplete = _fnOnComplete;
        },
        onCompleteUpdateStatus: function (_fnOnCompleteUpdate) {

            MessageList.fnCompleteUpdateStatus = _fnOnCompleteUpdate;
        }
    };

    /**
     * Show inbox popup
     */
    function showNotificationPopup() {

        //Draw on view
        if (MessageList.size() > 0) {

            //Show popup
            $('#notifyContainer').remove();
            // Create 
            var inbox = '<div class="reveal-modal medium" id="notifyContainer"><div class="nWrapper">' +
                    '<div class="close-wrapper">' +
                    '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="closeNotification" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                    '</div>' +
                    '<div class="modal-title"><span id="titleNI"></span><hr></div>' +
                    '<div class="notification-body" id="bodyNI"></div>' +
                    '<div class="page-number clearfix">' +
                    '<span class="notification-create-date" id="createDateNI"></span>' +
                    '<span id="pageNumber"></span>' +
                    '</div>' +
                    '<a class="ws_next" id="btnNINext"></a>' +
                    '<a class="ws_prev" id="btnNIPrevious"></a>' +
                    '</div>' +
                    '</div>';

            $('body').append(inbox);
            // Translate
            $('#notifyContainer').i18n();
            $('#notifyContainer').reveal({closeonbackgroundclick: false});
            // Render content
            drawMessageOnView(MessageList.getCurrentItem());

            Notification.init();

        } else {
            Modal.showAlert({
                title: i18n.t('notification.message.no_message.title'),
                content: i18n.t('notification.message.no_message.content')
            });
        }
    }

    /**
     * Update notifcation while loading page
     */
    function updateNotification() {

        //Get message
        MessageList.getListMessage(UserSession.getSessionID());
        MessageList.onComplete(showNotifcationStatus);
    }

    function showNaviButton() {
        //Previous button
        if (MessageList.currentItem === 0) {

            $('#btnNIPrevious').removeClass('ws_prev');
        } else {
            $('#btnNIPrevious').addClass('ws_prev');
        }
        //Next button
        if (MessageList.currentItem === MessageList.size() - 1) {

            $('#btnNINext').removeClass('ws_next');
        } else {
            $('#btnNINext').addClass('ws_next');
        }
    }

    /**
     * Draw message info on View 
     * @param message : Message obj
     */
    function drawMessageOnView(message) {

        $("#bodyNI").mCustomScrollbar("destroy");

        var value = message;

        showNaviButton();

        if (value.status === HoGoConst.MESSAGE_UNREAD_TYPE) {

            MessageList.updateRead(MessageList.currentItem, UserSession.getSessionID());
        }

        if (value !== null) {
            if (value.type === HoGoConst.ADMIN_SENT_MESSAGE_TYPE) {

                //Unread
                if (value.status === HoGoConst.MESSAGE_UNREAD_TYPE) {

                    $('#titleNI').html("<strong>" + value.title + "</strong>");

                } else {
                    $('#titleNI').html(value.title);
                }

                $('#bodyNI').html(value.body);

                $('#createDateNI').html(value.createDate);

            } else {
                if (value.status === HoGoConst.MESSAGE_UNREAD_TYPE) {

                    var s = i18n.t('notification.title1');

                    $('#titleNI').html("<strong>" + s + "</strong>");
                } else {
                    $('#titleNI').html(i18n.t('notification.title1'));
                }

                var message = getNotficaionByCode(value.type);
                //Set message
                $('#bodyNI').html(message);

                $('#createDateNI').html(value.createDate);
            }

            $('#pageNumber').html((MessageList.currentItem + 1) + '/' + MessageList.size());

            $("#bodyNI").mCustomScrollbar();
        }
    }

    /**
     * Showing notfication on view
     */
    function showNotifcationStatus() {

        if (MessageList.urgentItemUnread > 0) {

            $('#urgentNotify').show();
            $('#normalNotify').hide();
            $('#noNotify').hide();
        } else {
            //Hide
            $('#urgentNotify').hide();
            $('#noNotify').hide();
            //Show normal
            $('#normalNotify').show();

            if (MessageList.normalItemUnread > 0) {
                //
            } else {
                // No new notification
                $('#noNotify').show();
                $('#normalNotify').hide();
                $('#urgentNotify').hide();
            }
        }
    }

    /**
     * Get message map with mCode
     * @param {string} mCode : The message code
     * @return message
     */
    function getNotficaionByCode(mCode) {

        var message = "";

        switch (mCode) {

            case 600:
                message = i18n.t('notification.list.out_of_point');
                break;

            case 401:
                message = i18n.t('notification.list.user_updated');
                break;
            case 602:
                message = i18n.t('notification.list.document_downloaded');
                break;
            case 604:
                message = i18n.t('notification.list.link_expired');
                break;
            case 605:
                message = i18n.t('notification.list.reach_max_download');
                break;
            case 601:
                message = i18n.t('notification.list.document_viewed_online');
                break;
            case 603:
                message = i18n.t('notification.list.document_expried');
                break;
            default:
                break;
        }
        return message;
    }

    return {
        init: function () {

            // Get notfication
            MessageList.resetList();

            updateNotification();

            $('#btnNINext').unbind('click').on('click', function () {
                drawMessageOnView(MessageList.next());
            });

            $('#btnNIPrevious').unbind('click').bind('click', function () {
                drawMessageOnView(MessageList.previous());
            });

            //Notification window popup event
            $('#urgentNotify,#normalNotify,#noNotify').unbind('click').bind('click', function () {
                //Check Message has loaded before or not 
                if (!MessageList.isLoaded) {
                    //Refresh notifcation box
                    MessageList.getListMessage(UserSession.getSessionID());
                    //Show
                    MessageList.onComplete(showNotificationPopup);
                } else {
                    showNotificationPopup();
                }
            });

            $('#closeNotification').on('click', function () {
                //Clear list
                MessageList.resetList();
                //Update new 
                updateNotification();
            });
        }
    };

}(jQuery));

//
// Manage all user
//
var User = (function ($) {

    //Checklist contains UserID for checkbox event
    var checkedList = [];

    //Using for user list
    var oTable, pTable;

    //Using for import list
    var oTable1;

    // Error list
    var errorRows = [];

    //User model
    var fName = "", mName = "", lName = "", email = "", company = "", serviceId, syncWithBox;

    // Allow redirect or not
    var redirectable = false;

    //Init start/stop date
    var startDate = convertFromDateObject(new Date(0)) + ' 00:00:00';

    var stopDate = convertFromDateObject(new Date()) + ' 23:59:59';

    var userDetail = {};

    /**
     * Check model property has changed or not
     * @returns {Boolean}
     */
    function hasChanged() {

        if ($.trim(fName) !== $.trim($('#firstname').val()) || $.trim(mName) !== $.trim($('#middlename').val()) ||
                $.trim(lName) !== $.trim($('#lastname').val()) || $.trim(company) !== $.trim($('#company').val()) ||
                $.trim(email) !== $.trim($('#email').val()) || ((!syncWithBox) === $('#syncBox :checkbox').is(':checked'))) {

            HoGoUtils.enableButton('#btnSave', {colorClass: 'green', isSubmitForm: true, formID: 'validation'});
            return true;
        } else {

            HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});
            return false;
        }
    }

    // Create json button will be disable and enable
    var lEnableButton = {'list_button': []};

    lEnableButton.list_button.push({'id': "btnSendMessage", 'color': 'orange', 'submit': false, 'handler': fnSendMessage, "form_id": null});
    lEnableButton.list_button.push({'id': "btnDelete", 'color': 'orange', 'submit': false, 'handler': fnWarningDeleteUser, "form_id": null});
    lEnableButton.list_button.push({'id': "btnExport", 'color': 'orange', 'submit': false, 'handler': fnExport, "form_id": null});

    var lDisableButton = {'list_button': []};

    lDisableButton.list_button.push({'id': "btnSendMessage", 'color': 'orange', 'handler': fnSendMessage});
    lDisableButton.list_button.push({'id': "btnDelete", 'color': 'orange', 'handler': fnWarningDeleteUser});
    lDisableButton.list_button.push({'id': "btnExport", 'color': 'orange', 'handler': fnExport});

    // Contain information selected user
    var SelectedUserList = {
        Userlist: [],
        push: function (id, name, name_id) {

            var isExist = false;

            $.each(SelectedUserList.Userlist, function (index, value) {

                if (value.ID === id)
                    isExist = true;
            });

            if (!isExist)
                SelectedUserList.Userlist.push({'ID': id, 'full_name': name, 'name_id': name_id});
        },
        remove: function (id) {

            for (var index = 0; index < SelectedUserList.Userlist.length; index++) {

                if (SelectedUserList.Userlist[index].ID === id)
                    SelectedUserList.Userlist.splice(index, 1); //Remove  
            }
        },
        removeAll: function () {
            SelectedUserList.Userlist.splice(0, SelectedUserList.Userlist.length);
        },
        getUserList: function () {
            return SelectedUserList.Userlist;
        }
    };

    /**
     * Make array post data to get user list
     * @param {type} aoData
     * @param {type} filter
     * @param {type} startDate
     * @param {type} stopDate
     * @returns parameters json
     */
    function makeListParam(aoData, filter, startDate, stopDate) {

        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = $.trim(y.value);
            }
            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
            case 5:
                if (sortType === "asc")
                    post["SortType"] = 9;
                else
                    post["SortType"] = 10;
                break;
        }

        if (typeof filter !== 'undefined') {
            post["HistoryType"] = filter.h_code;
            post["StartDate"] = filter.s_date;
            post["StopDate"] = filter.e_date;
            // Payment type
            if (filter.payment_type !== "")
                post["PaymentType"] = filter.payment_type;
        } else {
            post["StartDate"] = startDate;
            post["StopDate"] = stopDate;
        }

        // Using for affiliate detail
        if (HoGoUtils.getPageName() === 'affiliatedetail.html') {
            post["AffiliateID"] = HoGoUtils.getParameter()['affiliateID'];
        }

        if (HoGoUtils.getPageName() === 'companydetail.html') {
            post["CompanyID"] = HoGoUtils.getParameter()['companyID'];
        }

        post["SessionID"] = UserSession.getSessionID();
        return post;
    }

    /**
     * Load user list
     * @param {json} filter : filter options
     * @returns {undefined}
     */
    function loadUserList(filter) {
//        console.log(UserSession.getAdminLang());
        var adminLang = UserSession.getAdminLang();
        var parentId = HoGoUtils.getParameter()['parentId'];
        var self = HoGoUtils.getParameter()['self'];
        var url = 'UserDetail?userID=%uid';

        if (typeof parentId !== 'undefined' && parentId !== '') {
            url += '&parentId=' + parentId;
        }

        if (typeof self !== 'undefined' && self !== '') {
            url += '&self=' + self;
        }

        oTable = $("#tablepaging").dataTable({
            "aaSorting": [[4, 'desc']],
            "bInfo": false,
//            "bLengthChange": true,
            "aLengthMenu": [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, i18n.t('company.list.all')]
            ],
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "bDestroy": true,
            "oLanguage": DTUtils.DTLang,
            "sDom": '<"inline relative"<"right search-absolute"f>><"inline"<"right"p><"left"l>>itr',
            "sAjaxSource": "api/v1/GetListUserDetail",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: makeListParam(aoData, filter, startDate, stopDate),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {

                        if (data.status === "OK") {

                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                            $.each(data.user_detail, function (key, value) {

                                var name = "";

                                if (value.middleName === null || typeof value.middleName === 'undefined') {
                                    name = (adminLang === "ja") ? value.lastName + " " + value.firstName : value.firstName + " " + value.lastName;
                                } else {
                                    name = (adminLang === "ja") ? value.lastName + " " + value.firstName : value.firstName + " " + value.middleName + " " + value.lastName;
                                }

                                var company = (value.company === undefined) ? "" : value.company;

                                json.aaData.push({"id": value.id.userId, "name": name, "email": value.mailAddress, "company": company, "create_date": value.signupDate, "status": value.status});
                            });
                        } else {
                            fnSessionTimeout(data, null, "UserList");
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                $("td:eq(0)", nRow).html("<input type=\"checkbox\" class=\"ck\" name=\"child\" id= \"" + aData.id + "\">");
                $("td:eq(1)", nRow).html("<div class='full-name'>" + aData.name + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                $("td:eq(3)", nRow).html("<div>" + aData.company + "</div>");
                $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date)); //It's fake data on view

                var _url = url.replace('%uid', aData.id);
                $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href='" + _url + "'></a>");
                nRow.ondblclick = function () {

                    window.location.href = _url;
                };

                nRow.onclick = function () {
                    DTUtils.fnCheckBoxOnRow(this);
                };
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 5]} //Not sort for col 0,5
            ],
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {

                //Only from RecipientDetail. Load previous state
                if ($.cookie('l_p') === 'userdetail.html') {

                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
                    var oData;
                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    //Set search word on field 
                    if (oData !== null)
                        if (oData.oSearch.sSearch !== null)
                            $('#filter').val(oData.oSearch.sSearch);
                        else
                            $('#filter').val('');
                    else {
                        //set search null
                        $('#filter').val('');
                    }
                    return oData;
                } else {
                    return null;
                }
            },
            "fnDrawCallback": function (oSettings) {

                // Setup control 
//                DTUtils.fnSetUpTableControl(oSettings);

                //Draw checkbox
                $('#tablepaging .ck').customInput();

                //Set up sort paginate
//                DTUtils.fnSetUpTableControl(oSettings);

                //Clear checklist when sorting
                if (oSettings.bSorted) {

                    //Clear checklist
                    checkedList.splice(0, checkedList.length);

                    //Clear send list
                    SelectedUserList.removeAll();

                    //Disable button
                    DTUtils.fnDisableControl(lDisableButton);
                }

                //Checkbox event switching page
                DTUtils.checkboxSwitchPage("tablepaging", "child", "select_all", checkedList);

                //Event click child checkbox
                $(':checkbox[name=child]').on('click', function () {

                    //Update checkedList
                    DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);

                    //Insert to user list (Using for send message)
                    var full_name = $("#" + this.id).closest('tr').find('div.full-name').text();

                    if ($(this).prop('checked')) {
                        SelectedUserList.push(this.id, full_name, full_name.toLowerCase().replace(/ /g, ''));
                    } else {
                        SelectedUserList.remove(this.id);
                    }

                    //Enable/Disable button <SEND/DELETE>
                    if (checkedList.length > 0) {
                        //Enable these buttons
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        //Disable
                        DTUtils.fnDisableControl(lDisableButton);
                    }
                });
            },
            //Map properties from json to view sequentially
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "name"},
                {"mDataProp": "email"},
                {"mDataProp": "company"},
                {"mDataProp": "create_date"},
                {"mDataProp": "status"}
            ],
            "fnInitComplete": function (s) {
                $('#' + s.sTableId).i18n();
                $('#' + s.sTableId + '_length').find('select').selectmenu();
            }
        });
    }

    /**
     * Show confirm delete user
     * @returns {Boolean}
     */
    function fnWarningDeleteUser() {

        if (checkedList.length === 0) {
            return false;
        } else {
            Modal.showConfirmPopup({
                title: i18n.t('user.message.confirm_delete.title'),
                content: i18n.t('user.message.confirm_delete.content'),
                okCallback: function () {
                    fnDeleteUser(checkedList.toString());
                }
            });
            return false;
        }
    }

    /**
     * Do delete user
     * @param {type} ID
     * @returns {Boolean}
     */
    function fnDeleteUser(ID) {

        //Call API
        $.ajax({
            url: "api/v1/DeleteServiceUser",
            dataType: "json",
            type: "POST",
            data: {UserIDs: ID, SessionID: UserSession.getSessionID()},
            beforeSend: function () {

                $('<div class="hogo-bg-overlay-action" />').appendTo('#content');
            },
            success: function (data) {

                $('.hogo-bg-overlay-action').remove();

                if (data.status === "OK") {

                    //Draw again
                    oTable.fnDraw();

                    //Splice list
                    checkedList.splice(0, checkedList.length);
                } else {
                    Modal.showAlert({title: i18n.t('error.unknown')});
                }
            },
            error: function () {
                Modal.showAlert({title: i18n.t('error.unknown')});
            }
        });

    }

    /**
     * Do send message
     * @returns {undefined}
     */
    function fnSendMessage() {

        if (checkedList.length > 0) {

            $('#inbox-popup').remove();

            var boxpanel = '<div class="reveal-modal popup-send-msg" id="inbox-popup">' +
                    '<div class="close-wrapper">' +
                    '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-normal-popup" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                    '</div>' +
                    '<div class="modal-title" data-hg="user.message_box.title"></div>' +
                    '<form id="validationSM" onsubmit="javascript:User.sendMessage(); return false">' +
                    '<div class="to-block">' +
                    '<span data-hg="user.message_box.to"></span>' +
                    '<ul id="emailTags" style="width: 447px !important;"></ul>' +
                    '</div>' +
                    '<div class="subject-block-text" id="subject">' +
                    '<span data-hg="user.message_box.subject"></span>' +
                    '<span><input type="text" id="msg-title" class="validate[required,maxSize[255]]" maxlength="255"/></span>' +
                    '</div>' +
                    '<div class="body-block-text">' +
                    '<span data-hg="user.message_box.body"></span>' +
                    '<span>' +
                    '<textarea id="msg-body" rows="7" cols="70" class="validate[required,maxSize[5000]]" maxlength="5000"></textarea>' +
                    '</span>' +
                    '</div>' +
                    '<div class="wrap-modal-control clearfix">' +
                    '<div class="modal-control">' +
                    '<div class="loader"></div>' +
                    '<a id="btn-cancel-send" class="btn red btn-cancel-normal-popup " data-hg="buttons.cancel"></a> ' +
                    '<a id="btn-send-msg" class="btn green submit_form btn-send-msg" data-hg="user.buttons.send"></a>' +
                    '</div>' +
                    '</div>' +
                    '</form>' +
                    '</div>';

//             $.get("SendMessagePopup", function(data) {

            // Display
            $('body').append(boxpanel);

            var inbox = $('#inbox-popup');

            inbox.i18n();
            inbox.reveal({closeonbackgroundclick: false});

            // Append list to field name 
            var listUser = SelectedUserList.getUserList();
            $("#emailTags").tagit();
            $('ul#emailTags li input').attr('disabled', true);
            for (var index = 0; index < listUser.length; index++) {

                var v = listUser[index];
//                    var u = "<span class='uiToken'><span style='overflow: hidden; text-align: left; white-space: nowrap; display: block; max-width: 100px; text-overflow: ellipsis; height: 14px'>" + v.full_name + "</span><a href='#' onclick='User.removeUser($(this))' aria-label='" + v.name_id + "' class='close-btn-small'/></span>";
//                    $('#field-name').append(u);
                $("#emailTags").tagit("createTag", v.ID, v.full_name);
            }
            // Bind event
            inbox.find('#btn-send-msg').bind('click', function () {

                var form = $(this).parents('form');
                form.submit();
            });

            // Validation form
            HoGoUtils.validateForm('validationSM');
//             });
        }
    }

    //replace special character to html character
    function htmlEscape(str) {
        return String(str)
                .replace(/&/g, '&amp;')
                .replace(/"/g, '&quot;')
                .replace(/'/g, '&#39;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;');
    }

    /**
     * Do export user
     * @returns {undefined}
     */
    function fnExport() {

        //Check all as default when loading
        $('#export-user-popup :checkbox').prop("checked", true);

        $('#export-user-popup :checkbox').each(function () {
            $('label[for=' + $(this).attr("id") + ']').addClass("checked");
        });

        //Check whether selected or not
        if (checkedList === 0) {
            HoGoUtils.disableButton('#btn-export-csv', {colorClass: 'green'});
        } else {
            HoGoUtils.enableButton('#btn-export-csv', {colorClass: 'green', isSubmitForm: true});
            showExportUserPopup();
        }
    }

    /**
     * Show export popup
     */
    function showExportUserPopup() {

        $('#export-user-popup').reveal({closeonbackgroundclick: false});

        // Make sure unique ID
        $('#export-user-popup').remove();
        var boxpanel = '<div class="reveal-modal" id="export-user-popup">' +
                '<div class="close-wrapper">' +
                '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-normal-popup" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                '</div>' +
                '<div class="modal-title" data-hg="user.csvpopup.export_csv.title"></div>' +
                '<form id="formExport">' +
                '<input type="hidden"  name="SessionID" id="session-id"/>' +
                '<div class="row" id="tb-select-export">' +
                '<div class="col-md-4"><div class="row"><div class="col-md-12">' +
                '<label class="checkbox"><input type="checkbox" class="ck" id="first_name" name="user-name"></input><span data-hg="user.csvpopup.export_csv.username"></span></label>' +
                '</div><div class="col-md-12">' +
                '<label class="checkbox"><input type="checkbox" class="ck" id="email" name="email-address"></input><span data-hg="user.csvpopup.export_csv.email"></span></label>' +
                '</div><div class="col-md-12">' +
                '<label class="checkbox"><input type="checkbox" class="ck" id="activation_date" name="last-active-date"></input><span data-hg="user.csvpopup.export_csv.last_activity"></span></label>' +
                '</div></div></div><div class="col-md-4"><div class="row"><div class="col-md-12">' +
                '<label class="checkbox"><input type="checkbox" class="ck" id="company" name="company"></input><span data-hg="user.csvpopup.export_csv.company"></span></label>' +
                '</div><div class="col-md-12">' +
                '<label class="checkbox"><input type="checkbox" class="ck" id="signup_date" name="registered-date"></input><span data-hg="user.csvpopup.export_csv.register_date"></span></label>' +
                '</div></div></div></div>' +
                '<div class="wrap-modal-control clearfix">' +
                '<div class="wrap-modal-control">' +
                '<div class="modal-control">' +
                '<a class="btn red btn-cancel-normal-popup" data-hg="buttons.cancel"></a>' +
                '<a class="btn green submit_form" id="btn-export-csv" data-hg="user.buttons.export"></a>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '</form>' +
                '</div>';
//        $boxpanel.get("ExportUserPopup", function(data) {
        $('body').append(boxpanel);
        var m = $('#export-user-popup');
        m.i18n();
        m.reveal();
        m.find('.ck').prop('checked', true).customInput('udpateState');

        // Event click opts Export modal
        $("#export-user-popup :checkbox").bind("click", function () {

            var m = $("#export-user-popup");

            if (m.find(":checkbox:checked").length === 0) {

                HoGoUtils.disableButton('#btn-export-csv', {
                    colorClass: 'green'
                });
            } else {

                HoGoUtils.enableButton('#btn-export-csv', {
                    colorClass: 'green',
                    handler: _doSendRequestExport
                });
            }
        });

        // do init handler for export button
        HoGoUtils.enableButton('#btn-export-csv', {
            colorClass: 'green',
            handler: _doSendRequestExport
        });
    }

    // just use to export company list by reseller
    function _doSendRequestExport() {
        User.exportUser();

        var form = $(this).parents('form');

        var param = form.serialize();
        param += "&CurrentLang=" + i18n.lng();

        $.fileDownload('api/v1/ExportServiceUserList?' + param, {
            httpMethod: 'post'
        });
    }

    function print(array, numBreak) {
        var str = '';
        for (var i = 0; i < array.length; i++) {
            if ((i + 1) % numBreak === 0) {
                ;
                str += array[i] + '<br />';
            } else {
                str += array[i] + ', ';
            }
        }
        return str;
    }

    // Import user 
    function doImport() {
//        console.log("iimport csv");
        var setting = oTable1.fnSettings();

        HoGoUtils.disableButton('#btn-save-csv', {colorClass: 'green', textInside: 'IMPORTING'});
        var data = {};
        var listObj = [];
        $.each(setting.aiDisplay, function (k, v) {
            var obj = {};

//            setting.aoData[v]._aData
            obj.first_name = setting.aoData[v]._aData.first_name;
            obj.middle_name = setting.aoData[v]._aData.middle_name;
            obj.last_name = setting.aoData[v]._aData.last_name;
            obj.email = setting.aoData[v]._aData.email;
            obj.company = setting.aoData[v]._aData.company;
            obj.password = HoGoUtils.MD5(setting.aoData[v]._aData.password);

            listObj.push(obj);
        });
        var total = setting.aiDisplay.length;
        data["ListUser"] = JSON.stringify(listObj);
        data["SessionID"] = UserSession.getSessionID();

        Modal.closeModal();

        //Adding
        $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/AddServiceUsers",
            data: data,
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                $('#import-popup, .reveal-modal-bg ').remove();
                appendLoadingWithText("iAddingRecipient", "body", i18n.t('loader.add'), true);
            },
            success: function (dt) {
                removeLoading("iAddingRecipient");

                if (dt.status === "OK") {
                    if (oTable1) {

                        // Destroy table
                        oTable1.fnClearTable();
                        if (dt.list_exist_user.length > 0 || dt.list_fail_import_user.length > 0) {

                            var totalFail = dt.list_exist_user.length + dt.list_fail_import_user.length;
                            Modal.showAlert({
                                title: i18n.t('addressbook.message.import_fail.title'),
                                content: "<div class='row form-group'>"
                                        + "<div class='col-xs-4'>"
                                        + "<span class='' data-hg='addressbook.message.import_fail.total_user'></span>" // lang
                                        + "</div>"
                                        + "<div class='col-xs-8'>"
                                        + "<span class=''>" + total + "</span>"
                                        + "</div>"
                                        + "</div>"
                                        + "<div class='row form-group'>"
                                        + "<div class='col-xs-4'>"
                                        + "<span class='' data-hg='addressbook.message.import_fail.total_fail'></span>" // lang
                                        + "</div>"
                                        + "<div class='col-xs-8'>"
                                        + "<span class=''>" + totalFail + "</span>"
                                        + "</div>"
                                        + "</div>"
                                        + "<div class='row form-group'>"
                                        + "<div class='col-xs-4'>"
                                        + "<span class='' data-hg='addressbook.message.import_fail.duplicate'></span>" // lang
                                        + "</div>"
                                        + "<div class='col-xs-8'>"
                                        + "<span class=''>" + print(dt.list_exist_user, 3) + "</span>"
                                        + "</div>"
                                        + "</div>"
                                        + "<div class='row form-group'>"
                                        + "<div class='col-xs-4'>"
                                        + "<span class='' data-hg='addressbook.message.import_fail.fail'></span>" // lang
                                        + "</div>"
                                        + "<div class='col-xs-8'>"
                                        + "<span class=''>" + print(dt.list_fail_import_user, 3) + "</span>"
                                        + "</div>"
                                        + "</div>"
                            });
//                                i18n.t('user.message.exist_user')
                        }
//                        else if (dt.list_fail_import_user.length !== 0) {
//                            Modal.showAlert({content: i18n.t('company_recipient.message.import_fail')});
//                        }
                        else {

                            HoGoUtils.makeNotifyServer({
                                "msg": i18n.t('company_recipient.message.import_sucess'),
                                "autoClose": true,
                                "time": 2000
                            });
                        }
                        oTable.fnDraw();
                    }

                } else {
                    console.log(dt.status_desc);
                    if (dt.status_desc === "This email already existed") {
                        Modal.showAlert({
                            title: i18n.t('company_recipient.message.exist_email.title'),
                            content: i18n.t('company_recipient.message.exist_email.content')
                        });
                    } else if (dt.status_desc === "Can't add user because your account is limit user") {
                        Modal.showAlert({content: i18n.t('user.message.limit_user')});
                    } else {
                        Modal.showAlert({title: 'Invalid Format', content: i18n.t('user.message.wrong_format')});
                    }
                }
            }
        });

    }

    /**
     * Do count to know all record whether save or not
     * @param {type} v Current saved record
     * @returns {undefined}     
     */
//    function doCount(v) {
//
//        // Save done
//        if (oTable1) {
//
//            if (v === oTable1.fnSettings().aiDisplay.length) {
//
//                // Destroy table
//                oTable1.fnClearTable();
//
//                Modal.closeModal();
//
//                if (errorRows.length > 0) {
//
//                    Modal.showAlert({title: "Duplicate User", content: i18n.t('user.message.exist_user') + errorRows.toString()});
//
//                    //Clear error rows
//                    errorRows = [];
//
//                    oTable.fnDraw();
//                } else {
//                    oTable.fnDraw();
//                }
//            }
//        }
//    }

    /**
     * Create table manage import CSV file
     * @returns {undefined}
     */
    var maxCurrentUser = {};
    function importCSV() {
//        console.log("importcsv");
        var adminLang = UserSession.getAdminLang();
        //Init table import
        oTable1 = $('#tbl-import-user').dataTable({
            "aaSorting": [[0, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "bDestroy": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "oLanguage": DTUtils.DTLang,
            "sDom": 'l<"clearfix"<"left"f><"right"p>>irt',
            "sAjaxSource": 'api/v1/ImportUser',
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                var json = {"aaData": []};
                $.ajaxFileUpload({
                    url: sSource,
                    secureuri: false,
                    fileElementId: "file",
                    data: {SessionID: UserSession.getSessionID()},
                    dataType: 'json',
                    success: function (data) {
                        if (data.status === "OK") {
                            console.log(data);
                            maxCurrentUser = {
                                maxUser: data.max_user,
                                currentUser: data.user_current
                            };
                            console.log("here2");
                            var detail = data.list;
                            console.log(detail);
                            for (var i = 0; i < detail.length; i++) {
                                var company = "";
                                if (detail[i].company !== undefined) {
                                    company = detail[i].company;
                                }

                                var name = "";

                                if (detail[i].middle_name !== undefined) {
                                    name = (adminLang === "ja") ? detail[i].last_name + " " + detail[i].middle_name + " " + detail[i].first_name : detail[i].first_name + " " + detail[i].middle_name + " " + detail[i].last_name;
                                } else {
                                    name = (adminLang === "ja") ? detail[i].last_name + " " + detail[i].first_name : detail[i].first_name + " " + detail[i].last_name;
                                }
//                                json.aaData.push({"first_name": detail[i].first_name, "middle_name": detail[i].middle_name, "last_name": detail[i].last_name, "password": detail[i].password, "email": detail[i]['e-mail'], "company": company});
                                json.aaData.push({"id": i, "name": name, "first_name": detail[i].first_name, "middle_name": detail[i].middle_name, "last_name": detail[i].last_name, "password": detail[i].password, "email": detail[i]['e-mail'], "company": company});
                            }
                        } else {
                            if (data.status === APIConst.adminSessionRequired) {
                                window.location.href = 'login';
                            } else {
                                Modal.showAlert({title: 'Invalid Format', content: i18n.t('user.message.wrong_format')});
                                $("#import-popup").remove();
                            }
                        }
                        fnCallback(json);
                    },
                    error: function () {
                        window.location.href = 'login';
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {

                $("td:eq(0)", nRow).html("<a onclick='User.trashItem($(this));'><img src=\"Images/1.1/trash-black-icon.png\" title='" + i18n.t('send_wizard.step_1.label.delete') + "' width=\"26px\" height=\"26px\"></img></a>");
//                var name = "";
//
//                if (aData.middle_name !== undefined)
//                    name = (adminLang === "ja") ? aData.last_name + " " + aData.middle_name + " " + aData.first_name : aData.first_name + " " + aData.middle_name + " " + aData.last_name;
//                else
//                    name = (adminLang === "ja") ? aData.last_name + " " + aData.first_name : aData.first_name + " " + aData.last_name;

                //Name field
                $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");

                //Password field
                $("td:eq(2)", nRow).html("<div><input type='password' readonly value='" + aData.password + "'/></div>");

                //nRow.setAttribute("style", "text-align: left");
                $("td:eq(3)", nRow).html("<div>" + aData.email + "</div>");
                //$("td:eq(4)", nRow).html("<div>" + aData.company + "</div>");
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 2]}
            ],
            "fnDrawCallback": function (oSettings) {
                //Setting up control
//                DTUtils.fnSetUpTableControl(oSettings);
                var currentUser = oSettings.aiDisplay.length + maxCurrentUser.currentUser;
                if (oSettings.fnRecordsDisplay().length > 0 || currentUser > maxCurrentUser.maxUser) {
                    if (currentUser > maxCurrentUser.maxUser) {
                        $('#alertWarning').show().html(i18n.t('addressbook.message.import_fail.larger_user') + currentUser + i18n.t('addressbook.message.import_fail.pack_user') + maxCurrentUser.maxUser + ' ');
                    }
                    HoGoUtils.disableButton('#btn-save-csv', {colorClass: 'green'});
                } else {
                    $('#alertWarning').hide();
                    HoGoUtils.enableButton('#btn-save-csv', {
                        colorClass: 'green', handler: doImport, textInside: i18n.t('buttons.save')
                    });
                }
            },
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "name"},
                {"mDataProp": "password"},
                {"mDataProp": "email"},
                        //{"mDataProp": "company"}
            ],
            "fnInitComplete": function (setting) {

                if (setting.aoData.length === 0) {
                    console.log("here");
                    Modal.showAlert({title: i18n.t('user.message.invalid_data_title'), content: i18n.t('user.message.no_valid_data')});
                } else {
                    $("#import-popup .modal-control").css('display', 'block');
                    $('#import-popup').reveal({"closeonbackgroundclick": false});
                }
            }
        });
        //Clear file
        $("#file").replaceWith($("#file").val('').clone(true));
    }

    var UserDetail = {
        /* Get parameter */
        userID: HoGoUtils.getParameter()["userID"],
        /* Transaction ID using for refunding */
        transID: null,
        cP: null,
        createDate: null,
        amount: 0,
        reason: "",
        /**
         * Get user detail
         * @returns {jqXHR}
         */
        getUserDetail: function () {
            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/GetUserInfo",
                data: {UserID: UserDetail.userID, SessionID: UserSession.getSessionID()},
                timeout: HoGoConst.APITimeout,
                success: function (dt) {
                    userDetail = dt.detail;

                    if (dt.status === "OK") {
                        $.each(dt.detail, function (key, value) {

                            if (value.status === HoGoConst.ACTIVE_STATUS || HoGoConst.INACTIVE_STATUS) {
                                serviceId = value.service_id;
//                                var userLang = value.lang;
//                                var lLang = userLang.split('-'); // auto-en
//                                var pName = HoGoUtils.getPageName();
//                                if ($.trim(lLang[0]) === 'auto') {
//                                    HoGoUtils.renderNameBaseLang(pName, HoGoUtils.detectBrowserLang());
//                                } else {
//                                    HoGoUtils.renderNameBaseLang(pName, userLang);
//                                }
                                // Set model & view
                                $("#firstname").val(fName = value.first_name);
                                $("#middlename").val(mName = value.middle_name);
                                $("#lastname").val(lName = value.last_name);
                                $("#company").val(company = value.company);
                                $("#email").val(email = value["e_mail"]);
                                var pointBalance = parseInt(value.points) + parseInt(value.points_free);
                                $("#point-balance").text(pointBalance + ' ' + i18n.t('session.label.points'));
                                if (new Date(value.last_login).getFullYear() === "1969" || new Date(value.last_login).getFullYear() === "1970") {
                                    $("#last-login").text("N/A");
                                } else {
                                    $("#last-login").text(DateUtils.convertDate(value.last_login));
                                }
                                $("#registered-date").text(DateUtils.convertDate(value.signup_date));

                                // Point tooltip
                                $('#detailBalancePoint').tooltipster({
                                    content: '',
                                    animation: 'fade',
                                    interactive: true,
                                    contentAsHTML: true,
                                    functionInit: function (origin) {
                                        var content = '<ul><li>' + i18n.t('user.form.point_free') + ' : ' + value.points_free + '</li><li>' + i18n.t('user.form.purchased_point') + ' : ' + value.points + '</li></ul>';
                                        return $(content);
                                    }
                                });

                                // sync with box
                                syncWithBox = (value.sync_with_box === 1) ? true : false;
                                $('#syncBox :checkbox').prop('checked', syncWithBox);
                            } else {
                                Modal.showAlert({content: i18n.t('error.unknown')});
                            }
                        });
                    } else {
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                }
            });
        },
        /**
         * Update user info
         * @returns {Boolean|jqXHR}
         */
        updateUser: function () {

            if (!formStatus) {
                return false;
            }

            var postData = {};

            postData["UserID"] = this.userID;
            postData["SessionID"] = UserSession.getSessionID();

            $('form').find(':input').each(function () {
                postData[$(this).attr('name')] = $(this).val().trim();

            });
            postData["SyncBox"] = $('#syncBox :checkbox').is(':checked');
            postData['Lang'] = HoGoUtils.detectBrowserAutoLang(postData['Lang']);

            // Call API
            return $.ajax({
                type: "POST",
                url: "api/v1/UpdateUserInfo",
                data: postData,
                dataType: "json",
                beforeSend: function () {

                    //Disable btn save
                    HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});

                    //Display loader 
                    $(".actionBar>.loader").show('fast');
                },
                success: function (data) {

                    //Remove load 
                    $(".actionBar>.loader").hide('slow');

                    if (data.status === "OK") {

                        UserDetail.getUserDetail();
                    } else {
                        fnSessionTimeout(data, null, "UserList");
                    }
                }
            });
        },
        /**
         * Update password for user
         * @returns {Boolean|jqXHR}
         */
        doChangePassword: function () {

            $('form#validationCP').find('.formErrorContent').css('white-space', 'nowrap');

            if (!User.fStatus) {
                return false;
            }

            var postData = {};
            var newPassword = $('#password').val().trim();

            postData["NewPassword"] = HoGoUtils.MD5(newPassword);
            postData["PasswordRaw"] = newPassword;

            //If update specific user 
            postData["UserID"] = HoGoUtils.getParameter()["userID"];

            postData["SessionID"] = UserSession.getSessionID();

            //TODO ajax
            return $.ajax({
                type: "POST",
                url: "api/v1/UpdatePassword",
                data: postData,
                beforeSend: function () {

                    Modal.closeModal();
                },
                success: function (data) {

                    if (data.status === 'OK') {
                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('password.message.save_success'),
                            "autoClose": true,
                            "time": 600
                        });
                    } else {
                        fnSessionTimeout(data);
                    }
                }
            });
        },
        /**
         * Credit user point
         * @returns {jqXHR}
         */
        credit: function () {

            if (!User.fStatus) {
                return;
            }

            var postData = {};

            var point = $.trim($('#points').val());
            postData["UserID"] = this.userID;
            postData["SessionID"] = UserSession.getSessionID();
            postData["Points"] = point;

            return $.ajax({
                type: "POST",
                url: "api/v1/AddUserPoint",
                data: postData,
                dataType: "json",
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {
                    Modal.closeModal();
                },
                success: function (data) {

                    if (data.status === "OK") {

                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('user.message.success_credit'),
                            "autoClose": true,
                            "time": 400
                        });

                        //Load some new information was updated on parent view
                        UserDetail.getUserDetail();

                        //Refresh page
                        History.getTableList().fnDraw(true);
                    } else {
                        if (data.status === APIConst.adminSessionRequired || data.status === APIConst.sessionIdNotFound) {
                            window.location.href = 'login';
                        } else {
                            Modal.showAlert({content: i18n.t('error.unknown')});
                        }
                    }
                }
            });
        },
        /**
         * Get popup modal & display it
         * @returns {jqXHR}
         */
        showChangePasswordPopup: function () {

            $('#change-password-popup').remove();
            var boxpanel = '<div class="reveal-modal" id="change-password-popup">' +
                    '<div class="close-wrapper">' +
                    '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-normal-popup" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                    '</div>' +
                    '<div class="modal-title" data-hg="password.change_password.title"></div>' +
                    '<form id="validationCP" >' +
                    '<div class="modal-body">' +
                    '<div class="row form-group">' +
                    '<div class="col-md-6">' +
                    '<label class="form-control-static" data-hg="password.change_password.edit.new_passsword"></label>' +
                    '</div>' +
                    '<div class="col-md-6">' +
                    '<input type="password" class="form-control validate[required,minSize[6]]" name="password" id="password" maxlength="32"/>' +
                    '</div>' +
                    '</div>' +
                    '<div class="row form-group">' +
                    '<div class="col-md-6">' +
                    '<label class="form-control-static" data-hg="password.change_password.edit.con_new_password"></label>' +
                    '</div>' +
                    '<div class="col-md-6">' +
                    '<input type="password" class="form-control validate[required,equals[password]]"  name="passwordCon" id="passwordCon" maxlength="32"/>' +
                    '</div>' +
                    '</div> ' +
                    '</div>' +
                    '<div class="wrap-modal-control clearfix">' +
                    '<div class="modal-control">' +
                    '<div class="loader"></div>' +
                    '<a class="btn red btn-cancel-normal-popup" data-hg="buttons.cancel"></a>' +
                    '<a class="btn green submit_form" id="change-password" data-hg="buttons.save"></a>' +
                    '</div>' +
                    '</div>' +
                    '</form>' +
                    '</div>';
//            return $.get("ChangePasswordPopup", function(data){

            $('body').append(boxpanel);
            $('#change-password-popup').i18n();

            var m = $('#change-password-popup');
            m.reveal({closeonbackgroundclick: false});

            m.find('#change-password').bind('click', function () {

                var form = $(this).parents('form');

                form.submit();

                // Do update
                UserDetail.doChangePassword();
            });

            //Validate form change password
            HoGoUtils.validateForm('validationCP', User);
//            });
        },
        /**
         * Get credit popup & display it
         * @returns {jqXHR}
         */
        showManualCreditPopup: function () {

            $('#manual-credit-popup').remove();

            var boxpanel = '<div class="reveal-modal" id="manual-credit-popup">' +
                    '<div class="close-wrapper">' +
                    '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-normal-popup" role="button" title="' + i18n.t('modal.close_title') + '">' +
                    '</a>' +
                    '</div>' +
                    '<div class="modal-title" data-hg="credit.title"></div>' +
                    '<form id="validationMC">' +
                    '<div class="modal-body">' +
                    '<table cellpadding="10">' +
                    '<tr align="left">' +
                    '<td data-hg="credit.edit.number_credit"></td>' +
                    '<td>' +
                    '<input maxlength="3" type="text" name="points" id="points" class="form-control validate[required,custom[integer],min[1],max[999]]"/>' +
                    '</td>' +
                    '<td data-hg="credit.edit.point"></td>' +
                    '</tr>' +
                    '</table>' +
                    '</div>' +
                    '<div class="wrap-modal-control clearfix">' +
                    '<div class="modal-control">' +
                    '<div class="loader"></div>' +
                    '<a class="btn red btn-cancel-normal-popup" data-hg="buttons.cancel"></a>' +
                    '<a id="btnAddPoint" class="btn green submit_form" data-hg="buttons.add"></a>' +
                    '</div>' +
                    '</div>' +
                    '</form>' +
                    '</div>';

//            return $.get("ManualCreditPopup", function(data){

            $('body').append(boxpanel);

            $('#manual-credit-popup').i18n();

            var m = $('#manual-credit-popup');
            m.reveal({closeonbackgroundclick: false});

            m.find('#btnAddPoint').bind('click', function () {

                var form = $(this).parents('form');

                form.submit();
                // Credit point
                UserDetail.credit();
            });

            //Validate form change password
            HoGoUtils.validateForm('validationMC', User);
//            });
        },
        /**
         * Get history detail
         * @param {type} historyId
         * @param {type} type
         * @returns {jqXHR}
         */
        showHistoryDetail: function (historyId, type) {

//            var historyId =  $(itself).attr('his-id');
//            var hTable = History.getTableList();
//            
//            var aPos = hTable.fnGetPosition($(this).closest('tr').get(0) );
//            
//            // Get current TR
//            UserDetail.cP = aPos;
//            
//            var hID = hTable.fnSettings().aoData[aPos]._aData.historyID;

            // Call API to get info
            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/GetHistoryDetail",
                data: {HistoryID: historyId, SessionID: UserSession.getSessionID(), UserID: UserDetail.userID},
                timeout: HoGoConst.APITimeout,
                success: function (dt) {

                    if (dt.status === "OK") {

                        $.each(dt.detail, function (k, v) {

                            UserDetail.transID = v.transmission_id;

                            UserDetail.createDate = v.create_date;

                            UserDetail.amount = v.cost;

                            UserDetail.reason = v.reason;

                        });

                        //Display pp
                        UserDetail.showRefundPopup(UserDetail.createDate, UserDetail.amount, type, UserDetail.reason);
                    } else {
                        if (dt.status === APIConst.adminSessionRequired || dt.status === APIConst.sessionIdNotFound) {
                            window.location.href = 'login';
                        } else {
                            // Can't display refund pp
                            HoGoUtils.writeLog(data.status_desc);
                            Modal.showAlert({content: i18n.t('error.unknown')});
                        }
                    }
                }
            });
        },
        /**
         * Show refund popup
         * @param {type} createDate
         * @param {type} amount
         * @param {type} type
         * @param {type} reason
         * @returns {jqXHR}
         */
        showRefundPopup: function (createDate, amount, type, reason) {

            $('#refundPopup').remove();

            return $.get("RefundPopup", function (data) {
                $('body').append(data);
                $('#refundPopup').i18n();

                var m = $('#refundPopup');

                m.reveal({closeonbackgroundclick: false});

                $('#refundDate').text(DateUtils.convertFullDate(createDate));

                $('#amount').text(convertCentToUSD(amount));

                $('#reason').show();
                if (type === HoGoConst.ADMIN_REFUND_TYPE) {
                    $('.modal-title').html(i18n.t('user.refund.message.title'));
                    $('.modal-control').remove();
                    $('#reason').hide();
                    $('#reasonResult').html(reason);
                }

                m.find('#btnRefund').bind('click', function () {

                    var form = $(this).parents('form');

                    form.submit();

                    UserDetail.doRefund();
                });

                //Validate form change password
                HoGoUtils.validateForm('validationRf', User);
            });
        },
        /**
         * function is used to do refund user by admin
         * @returns {jqXHR}
         */
        doRefund: function () {

            //Collect data for request on services
            var postData = {};

            postData["SessionID"] = UserSession.getSessionID();
            postData["TransmissionID"] = UserDetail.transID;
            postData["UserID"] = UserDetail.userID;
            postData["Reason"] = $('#reason').val();
            //Calling services    
            return $.ajax({
                type: "POST",
                url: "api/v1/RefundUserPayment",
                beforeSend: function () {

                    Modal.closeModal();

                    HoGoUtils.disableButton('#btnRefund', {});
                },
                data: postData,
                timeout: HoGoConst.APITimeout,
                dataType: "json",
                success: function (data) {

                    if (data.status === "OK") {
                        History.getTableList().fnDraw();
                    } else {
                        if (data.status === APIConst.adminSessionRequired || data.status === APIConst.sessionIdNotFound) {
                            window.location.href = 'login';
                        } else if (data.status === APIConst.INSUFFICIENT_POINT) {
                            Modal.showAlert({content: i18n.t('user.refund.message.out_of_purchase_point')});
                        } else {
                            Modal.showAlert({content: i18n.t('user.refund.message.fail_refund')});
                        }
                    }
                }
            });
        }
    };

    var NewUser = {
        /**
         * Add user service
         * @returns {jqXHR|Boolean}
         */
        addUser: function () {

            //Check form status first
            if (!formStatus) {
                return false;
            }
            var postData1 = {};
            postData1["EmailAddress"] = $('#email').val();
            var passHash = $('#passwordCon').val().trim();
            postData1["Password"] = HoGoUtils.MD5(passHash);
            postData1["FirstName"] = $('#firstname').val();
            postData1["MiddleName"] = $('#middlename').val();
            postData1["LastName"] = $('#lastname').val();
            //postData1["Company"] = $('#company').val();
            postData1["SessionID"] = UserSession.getSessionID();
            postData1["SyncBox"] = $('#syncBox :checkbox').is(':checked');
            // Post data to server
            return $.ajax({
                type: "POST",
                timeout: HoGoConst.APITimeout,
                url: "api/v1/AddServiceUser",
                data: postData1,
                dataType: "json",
                beforeSend: function () {

                    //Disable btn save
                    HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});

                    //Display loader 
                    $("#validation .actionBar>.loader").show('fast');
                },
                success: function (data) {

                    //Remove load 
                    $("#validation .actionBar>.loader").hide('slow');

                    var status = data.status;

                    if (status === "OK") {

                        redirectable = true;

                        window.location.href = "UserList";
                    } else {
                        if (status === APIConst.userAlreadyExistStatus) {

                            HoGoUtils.enableButton('#btnSave', {
                                colorClass: 'green',
                                isSubmitForm: true,
                                formID: 'validation'
                            });

                            Modal.showAlert({content: i18n.t('user.message.exist_email')});
                        } else {
                            if (data.status_desc === "Can't add user because your account is limit user") {

                                HoGoUtils.enableButton('#btnSave', {
                                    colorClass: 'green',
                                    isSubmitForm: true,
                                    formID: 'validation'
                                });

                                Modal.showAlert({content: i18n.t('user.message.limit_user')});
                            } else {
                                fnSessionTimeout(data);
                            }

                        }
                    }
                }
            });
        }
    };

    function makeRequestParamUsedPoint(aoData) {
        var post = {};

        $.each(aoData, function (k, v) {

            if (v.name === "sEcho") {
                post["sEcho"] = v.value;
            }
            if (v.name === "iDisplayStart") {
                post["displayStart"] = v.value;
            }
            if (v.name === "iDisplayLength") {
                post["displayLength"] = v.value;
            }
        });

        if (HoGoUtils.getPageName() === 'userdetail.html') {
            post["UserID"] = HoGoUtils.getParameter()['userID'];
        }
        post["SessionID"] = UserSession.getSessionID();
        return post;
    }

    return {
        // Form status
        fStatus: false,
        /** 
         * Trash item on poppup window
         * @param _itself item itself
         */
        trashItem: function (_itself) {

            // Get the position of the current data from the node
            var aPos = oTable1.fnGetPosition(_itself.closest('tr').get(0));

            //Delete the row
            oTable1.fnDeleteRow(aPos);

            //Check if delete all data
            if (oTable1.fnGetData().length === 0) {
                HoGoUtils.disableButton('#btn-save-csv', {colorClass: 'green', handler: doImport});
            }
        },
        /**
         * export user to csv file
         * @returns {undefined)
         */
        exportUser: function () {

            var id = checkedList.toString();
            $('#session-id').attr('value', UserSession.getSessionID());
            var form = $("#formExport");
            var fileFormat = $("<input>").attr("type", "hidden").attr("name", "FileFormat").attr("value", 1);
            var listID = $("<input>").attr("type", "hidden").attr("name", "ListUserID").attr("value", id);
            form.append(listID);
            form.append(fileFormat);
            var username = $("<input>").attr("type", "hidden").attr("name", "UserName");
            var company = $("<input>").attr("type", "hidden").attr("name", "Company");
            var email = $("<input>").attr("type", "hidden").attr("name", "EmailAddress");
            var registeredDate = $("<input>").attr("type", "hidden").attr("name", "RegisteredDate");
            var point = $("<input>").attr("type", "hidden").attr("name", "PointBalance");
            var lastActiveDate = $("<input>").attr("type", "hidden").attr("name", "LastActiveDate");

            $("#export-user-popup :input[type=checkbox]").each(function () {
                switch ($(this).attr("name")) {
                    case "user-name":
                        if ($(this).is(":checked"))
                            form.append(username.attr("value", true));
                        else
                            form.append(username.attr("value", false));
                        break;
                    case "email-address":
                        if ($(this).is(":checked"))
                            form.append(email.attr("value", true));
                        else
                            form.append(email.attr("value", false));
                        break;
                    case "company":
                        if ($(this).is(":checked"))
                            form.append(company.attr("value", true));
                        else
                            form.append(company.attr("value", false));
                        break;
                    case "registered-date":
                        if ($(this).is(":checked"))
                            form.append(registeredDate.attr("value", true));
                        else
                            form.append(registeredDate.attr("value", false));
                        break;
                    case "point-balance":
                        if ($(this).is(":checked"))
                            form.append(point.attr("value", true));
                        else
                            form.append(point.attr("value", false));
                        break;
                    case "last-active-date":
                        if ($(this).is(":checked"))
                            form.append(lastActiveDate.attr("value", true));
                        else
                            form.append(lastActiveDate.attr("value", false));
                        break;
                    default:
                        break;
                }
            });

            //Close pp
            Modal.closeModal();
        },
        /**
         * Send message from admin to checked user list
         * @returns {jqXHR|Boolean}
         */
        sendMessage: function () {

            //No user to send
            if ($('ul#emailTags').find('li.tagit-choice').length === 0) {
                //OFF
                Modal.closeModal();
                return false;
            }
            //Valid form
            if (!formStatus) {
                return false;
            }

            //Sending 
            var sentList = [];

            $('ul#emailTags li.tagit-choice').find('input').each(function (k, v) {
                var id = $(this).val();
                //Add
                sentList.push(id);
            });

            var title = $("#msg-title").val().trim();
            var titleHTML = htmlEscape(title);

            var body = $('#msg-body').val().trim();
            var bodyHTML = htmlEscape(body);

            //Declare data to send
            var pData = {};

            pData["SessionID"] = UserSession.getSessionID();
            pData["Type"] = HoGoConst.ADMIN_SENT_MESSAGE_TYPE; //777
            pData["UserIDs"] = sentList.toString();
            pData["Title"] = titleHTML;
            pData["Body"] = bodyHTML;

            return $.ajax({
                url: "api/v1/SendMessage",
                dataType: "json",
                type: "POST",
                data: pData,
                //async: false,
                beforeSend: function () {
                    Modal.closeModal();
                },
                success: function (data) {

                    if (data.status === "OK") {

                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('user.message.success_sent_msg'),
                            "autoClose": true,
                            "time": 400
                        });
                    } else {
                        Modal.showAlert({title: "Sending Failed", content: "There's an error while sending"});
                    }
                }
            });
        },
        /**
         * Remove user TR
         * @param {object} itself Remove its TR in popup table
         */
        removeUser: function (itself) {
            itself.parent().remove();
        },
        /**
         * public function update user
         * @returns {undefined}
         */
        updateUser: function () {
            UserDetail.updateUser();
        },
        addUser: function () {
            NewUser.addUser();
        },
        showHistoryDetail: function (historyId, type) {
            UserDetail.showHistoryDetail(historyId, type);
        },
        doRefund: function () {
            UserDetail.doRefund();
        },
        /**
         * Do filter user
         * @returns {undefined}
         */
        filterUser: function () {

            if (!formStatus)
                return;

            var p = History.makeParamFilter();

            loadUserList(p);
        },
        init: function () {
            // change href header console Admin
            HoGoUtils.makeHrefHeaderAdmin();
            // Prevent hacking
            if (UserSession.getAdminObject() === null) {
                window.location.href = 'login';
                return;
            }

            HoGoUtils.renderNameBaseLang(HoGoUtils.getPageName(), i18n.lng());

            //Nav
            $('.nav-user').removeClass('item-user-list-deactive').addClass('item-left-menu');
            HoGoUtils.makeLeftMenuAdmin();
            var pName = HoGoUtils.getPageName();
//            console.log(pName);
            if (pName === 'userlist.html') {

                //Event onchange CSV
                $('#file').live('change', function () {
                    User.uploadCSVFile();
                    return false;
                });

                //Update Icon header
                updateHeader(i18n.t('user.title'), 'Images/icon_userlist.png');

                // Create options
                $('#pointType').tooltipster({
//                    autoClose: false,
                    interactive: true,
                    content: $('<div class="wrapper-filter-child"><span class="filter-item-child" type=1>Paypal</span><span class="filter-item-child" type=2>Stripe</span><span class="filter-item-child" type=3>GMO</span></div>'),
                    functionReady: function (o, t) {
                        // Reset all 
                        var lFilter = $('#filterBlock').find('.active');
                        if (lFilter.length === 0) {
                            $(t).find('.filter-item-child').removeClass('active');
                        }
                    }
                });
                // control download csv template ja
                if (i18n.lng() === 'ja') {
                    $('#csvTemplate').attr('href', 'data/Hogo_CSV_File_Template_ja.csv');
                }
                //History.initForUser();

                loadUserList();

                $('span.filter-item,.filter-item-child').die('click').live('click', function () {

                    $(this).toggleClass('active');

                    if ($('.wrapper-filter-child').find('span.active').length > 0) {
                        // Active parent payment
                        $('#pointType').addClass('active');
                    } else {
                        //$('#pointType').removeClass('active');
                    }

                    // Submit
                    $("#validation").submit();
                });

                $('#cbo_selectall').on('click', function () {

                    DTUtils.checkboxSelectAllEvent(this, "child", checkedList);

                    //We can't base on 'checkedList' because our app checks multiple page.
                    if ($(this).prop('checked')) {

                        //Insert to user list (Using for send message)
                        $(':checkbox[name=child]').each(function () {

                            var full_name = $("#" + this.id).closest('tr').find('div.full-name').text();

                            SelectedUserList.push(this.id, full_name, full_name.toLowerCase().replace(/ /g, ''));
                        });
                    } else {
                        //Remove 
                        $(':checkbox[name=child]').each(function () {
                            SelectedUserList.remove(this.id);
                        });
                    }
                    if (checkedList.length > 0) {
                        DTUtils.fnEnableControl(lEnableButton);
                    } else {
                        DTUtils.fnDisableControl(lDisableButton);
                    }
                });

                // Click save import popup
                $('#btn-save-csv').on('click', function () {
                    doImport();
                });

                //Submit form upload CSV file & display popup
                $("#frm-import-user").submit(function (e) {

                    //Prevent default click
                    e.preventDefault();

                    importCSV();
                });
            }

            if (pName === 'userdetail.html') {
                // Init history for specify user
                History.init();

                UserDetail.getUserDetail().done(function () {

                    $('form#validation').find(':input').bind('keyup focusout', (function () {
                        hasChanged();
                    }));

                    $(window).bind('beforeunload', function () {
                        if (hasChanged() === true && redirectable === false) {
                            return "If you leave this page. Your selected data will be discard!";
                        }
                    });

                    //set href for btn back
                    var admin = UserSession.getAdminObject();
                    if (parseInt(admin.service_level) === HoGoConst.SYSTEM_ADMIN || parseInt(admin.service_level) === HoGoConst.DISTRIBUTOR) {
                        var parentId = HoGoUtils.getParameter()['parentId'];
                        var self = HoGoUtils.getParameter()['self'];
                        var url = 'CompanyDetail?companyID=' + serviceId;

                        if (typeof parentId !== 'undefined' && parentId !== '') {
                            url += '&parentId=' + parentId;
                        }
                        if (typeof self !== 'undefined' && self !== '') {
                            url += '&self=' + self;
                        }

                        $("#btn-back").prop("href", url);
                    }
                });

                // Validation filter form
                $('form#fValidation').validationEngine({
                    scroll: false,
                    validationEventTrigger: "",
                    focusFirstField: false,
                    onValidationComplete: function (form, status) {
                        UserDetail.fFStatus = status;
                    }
                });

                // Click manual credit button 
                $("#btnCredit").on("click", function () {
                    UserDetail.showManualCreditPopup();
                });

                // Click change password button
                $("#btnChangePassword").on("click", function () {
                    UserDetail.showChangePasswordPopup();
                });
                $("#syncBox :checkbox").on('change', function () {
                    hasChanged();
                });
                //here 
                console.log(prePage, "user detail");
                $('#btn-back').on('click', function () {
                    $("#btn-back").attr("href", prePage);
                });
            }

            if (pName === 'adduser.html') {

                $(window).bind('beforeunload', function () {

                    if (hasChanged() === true && redirectable === false) {
                        return "If you leave this page. Your selected data will be discard!";
                    }
                });

                $('form#validation').find(':input').bind('keyup focusout', (function () {
                    hasChanged();
                }));
            }

            if (pName === 'packagedetaillinkadmin.html') {
                Package.initForUser();
            }

            $('.btn-cancel-normal-popup').live('click', function () {
                Modal.closeModal();
            });
        },
        //Upload CSV file from PC
        uploadCSVFile: function () {

            var name = document.getElementById("file");
            var current_file_name = basename(name.value);
            var extension = current_file_name.substr((current_file_name.lastIndexOf('.') + 1)).toLowerCase();
            if (extension !== 'csv') {

                Modal.showAlert({title: i18n.t('show_message.error.title_wrong_format'), content: i18n.t('user.message.wrong_format')});

                return false;
            } else {
                // Make sure unique ID
                $('#import-popup').remove();
                var boxpanel = '<div id="import-popup" class="reveal-modal xlarge">' +
                        '<div class="close-wrapper">' +
                        '<a data-hover="tooltip" aria-label="Press Esc to close" data-tooltip-position="below" class="common-sprites close close-reveal-modal" id="close-import-popup" role="button" title="' + i18n.t('modal.close_title') + '"></a>' +
                        '</div>' +
                        '<div class="displayCSV">' +
                        '<div id="alertWarning" style="display: none" class="alert alert-warning" role="alert"></div>' +
                        '<table class="display tbl-import-recipient" id="tbl-import-user">' +
                        '<thead>' +
                        '<tr>' +
                        '<th style="width: 5%" align="center">' +
                        '</th>' +
                        '<th style="width: 25%" align="left">' +
                        '<a data-hg="user.csvpopup.import_csv.table_header.name"></a>' +
                        '</th>' +
                        '<th style="width: 20%" align="left">' +
                        '<a data-hg="user.csvpopup.import_csv.table_header.password"></a>' +
                        '</th>' +
                        '<th style="width: 25%" align="left">' +
                        '<a data-hg="user.csvpopup.import_csv.table_header.email"></a>' +
                        '</th>' +
//                        '<th style="width: 25%" align="left">' +
//                        '<a data-hg="user.csvpopup.import_csv.table_header.company"></a>' +
//                        '</th>' +
                        '</tr>' +
                        '</thead>' +
                        '</table> ' +
                        '</div>' +
                        '<div class="clearfix">' +
                        '<div class="modal-control">' +
                        '<div class="loader" aria-hidden="true"></div>' +
                        '<a class="btn red btn-cancel-normal-popup" role="button" data-hg="buttons.cancel"></a>' +
                        '<a id="btn-save-csv" class="btn green" role="button" data-hg="buttons.save"></a>' +
                        '</div>' +
                        '</div>' +
                        '</div>';
//                $.get("ImportUserPopup", function(data) {

                $('body').append(boxpanel);

                $('#import-popup').i18n();

                $("#frm-import-user").trigger("submit");
//                });
            }
        },
        initForAffiliate: function () {

            loadUserList();

            $('#cbo_selectall').on('click', function () {

                DTUtils.checkboxSelectAllEvent(this, "child", checkedList);

                //We can't base on 'checkedList' because our app checks multiple page.
                if ($(this).prop('checked')) {

                    //Insert to user list (Using for send message)
                    $(':checkbox[name=child]').each(function () {

                        var full_name = $("#" + this.id).closest('tr').find('div.full-name').text();

                        SelectedUserList.push(this.id, full_name, full_name.toLowerCase().replace(/ /g, ''));
                    });
                } else {
                    //Remove 
                    $(':checkbox[name=child]').each(function () {
                        SelectedUserList.remove(this.id);
                    });
                }
                if (checkedList.length > 0) {
                    DTUtils.fnEnableControl(lEnableButton);
                } else {
                    DTUtils.fnDisableControl(lDisableButton);
                }
            });

            // Clikc Delete button
            $('#btn-green-popup').on('click', function () {
                fnDeleteUser();
            });

            //Event search field
            $("#filter").keyup(function () {

                //checkedList = [];
                //SelectedUserList.removeAll();
                oTable.fnFilter($("#filter").attr('value'));

            });

            // Click save import popup
            $('#btn-save-csv').on('click', function () {
                doImport();
            });

            //Submit form upload CSV file & display popup
            $("#frm-import-user").submit(function (event) {
                //Prevent default click
                event.preventDefault();
                importCSV();
            });

            // click cancel import popup and cancel export popup
            $('#btn-cancel-import-popup, .btn-cancel-normal-popup').live('click', function () {
                Modal.closeModal();
            });
        },
        /**
         * Make tracking history points table
         * @param {type} fnCallback callback after initilized
         * @returns {undefined}
         */
        trackingPoint: function (fnCallback) {

            var l = 'en';

            pTable = $('#tablepaging1').dataTable({
                "bInfo": false,
//                "bLengthChange": false,
                "aLengthMenu": [
                    [10, 50, 100, 200, -1],
                    [10, 50, 100, 200, "All"]
                ],
                "bPaginate": true,
                "iDisplayLength": 10,
                "sPaginationType": "full_numbers",
                "oLanguage": DTUtils.DTLang,
                "sDom": '<"inline"<"right"p><"left"l>>itr',
                "sAjaxSource": "api/v1/TrackUsedPointHistory",
                "bServerSide": true,
                "bProcessing": true,
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                    $.ajax({
                        url: sSource,
                        type: 'POST',
                        timeout: HoGoConst.APITimeout,
                        dataType: "json",
                        data: makeRequestParamUsedPoint(aoData),
                        success: function (data) {

                            if (data.status === "OK") {

                                var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                                $.each(data.history_used_point_detail, function (key, value) {
                                    json.aaData.push({"packageID": value.packageID, "historyType": value.historyType, "documentNumber": value.documentNumber, "recipientNumber": value.recipientNumber, "download": value.download, "pointUsed": value.pointUsed, "totalPoint": value.totalPoint, "total": value.total, "nullValue": ""});
                                });

                                var txtPoint = i18n.t('session.label.points');
                                $('#usedPoint, #point-used').html(data.usedPoint + ' ' + txtPoint);
                                $('#point-purchase').html(data.purchasePoint + ' ' + txtPoint);
                            } else {
                                //Session not found
                                if (data.status === APIConst.sessionIdNotFound) {

                                    window.location.href = 'login';
                                } else {
                                    HoGoUtils.writeLog(data.status_desc);
                                    Modal.showAlert({content: i18n.t('error.unknown')});
                                }
                            }
                            fnCallback(json);
                        }
                    });
                },
                "bStateSave": true,
                "fnRowCallback": function (nRow, aData) {
                    var historyType = aData.historyType;
                    $("td:eq(0)", nRow).html('');
                    $("td:eq(1)", nRow).html('<div class="l-text" >' + aData.packageID + '</div>');
                    $("td:eq(2)", nRow).html('<div class="l-text" >' + convertSentMethodToText(aData.historyType) + '</div>');
                    $("td:eq(3)", nRow).html('<div class="l-text">' + aData.documentNumber + '</div>');
                    $("td:eq(4)", nRow).html('<div class="l-text">' + aData.recipientNumber + '</div>');
                    $("td:eq(5)", nRow).html('<div class="l-text">' + aData.download + '</div>');
                    $("td:eq(6)", nRow).html('<div class="l-text">' + aData.pointUsed + '</div>');
                    if (parseInt(aData.pointUsed) > 5 && parseInt(aData.pointUsed) <= 20) {
                        $('td:eq(6)', nRow).addClass('top20');
                    } else if (parseInt(aData.pointUsed) > 20 && parseInt(aData.pointUsed) <= 50) {
                        $('td:eq(6)', nRow).addClass('top50');
                    } else if (parseInt(aData.pointUsed) > 50) {
                        $('td:eq(6)', nRow).addClass('minium50');
                    }
                    if (aData.packageID) {

//                        if (historyType !== deleteDocumentType && historyType !== deletePackageType) {
                        $("td:eq(7)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=PackageDetailDownloadAdmin?packageId=" + aData.packageID + "&userID=" + UserDetail.userID + "></a>");

                        nRow.ondblclick = function () {
                            if (UserSession.getAdminObject() === null) {
                                window.location.href = "PackageDetailDownload?packageId=" + aData.package_id;
                            } else {
                                window.location.href = "PackageDetailDownloadAdmin?packageId=" + aData.packageID + "&userID=" + UserDetail.userID;
                            }
                        };
//                        }
//                        else {
//                            $("td:eq(7)", nRow).html("");
//                        }
                    }
                },
                "fnDrawCallback": function (oSettings) {
                    // Setup control 
//                    DTUtils.fnSetUpTableControl(oSettings);
                },
                "aoColumns": [
                    {"mDataProp": "packageID"},
                    {"mDataProp": "historyType"},
                    {"mDataProp": "documentNumber"},
                    {"mDataProp": "recipientNumber"},
                    {"mDataProp": "download"},
                    {"mDataProp": "pointUsed"},
                    {"mDataProp": "totalPoint"},
                    {"mDataProp": "nullValue"}
                ],
                "aoColumnDefs": [
                    {'bSortable': false, 'aTargets': [0, 1, 2, 3, 4, 5, 6, 7]}
                ],
                "fnInitComplete": function (s) {
                    $('#' + s.sTableId).i18n();
                    $('#' + s.sTableId + '_length').find('select').selectmenu();
                    // Call callback
                    if (typeof fnCallback === 'function') {
                        fnCallback.call();
                    }
                }
            });
        },
        /**
         * Render user's points information on view
         * @returns {jqXHR}
         */
        showPointOnUserDetail: function () {
            // Get points
            return $.post('api/v1/TrackUsedPointHistory', {SessionID: UserSession.getSessionID(), UserID: HoGoUtils.getParameter()['userID']}, function (data) {

//                if (parseInt(data.used_points) === 0) {
//                    // Hide detail
//                    $('#detailUsedPoint').hide();
//                }
//                else {
//                    $('#detailUsedPoint').show();
//                }
                if (parseInt(data.purchased_points) === 0) {
                    // Hide detail
                    $('#detailPurchase').hide();
                } else {
                    $('#detailPurchase').show();
                }
                var pointsT = i18n.t('session.label.points');
                $('#point-used').text(data.used_points + ' ' + pointsT);
                $('#point-purchase').text(data.purchased_points + ' ' + pointsT);
            });
        }
    };

}(jQuery));

//
// Manage affiliates
//
var Affiliate = (function ($) {

    //Checklist contains UserID for checkbox event
    var checkedList = [];

    //Using for user list
    var oTable, redirectable = false;

    // Create variables as Model
    var name = "", email = "", website = "", address = "", phone = "", referralCode, referralLink, createDate, numberUser, logo = "aff_default_thumb.jpg";

    /**
     * Return collection parameters to get list
     * @param {type} aoData
     * @returns {_L1.makeParameter.post}
     */
    function makeParameter(aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "sSearch") {
                post["SearchString"] = $.trim(y.value);
            }
            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 7;
                else
                    post["SortType"] = 8;
                break;
        }

        post["SessionID"] = UserSession.getSessionID();
        post["Delete"] = false;
        return post;
    }

    /**
     * Show confirm delete user
     * @returns {Boolean}
     */
    function fnWarningDeleteAffiliate() {

        if (checkedList.length === 0) {
            return false;
        } else {

            Modal.showConfirmPopup({
                title: "Delete Affiliate",
                content: i18n.t('affiliate.message.confirm_delete'),
                okCallback: function () {
                    fnDeleteAffiliate(checkedList.toString());
                }
            });
            return false;
        }
    }

    /**
     * Do delete Affiliate
     * @param {type} ID
     * @returns {jqXHR}
     */
    function fnDeleteAffiliate(ID) {

        return $.ajax({
            type: "POST",
            url: "api/v1/DeleteAffiliate",
            dataType: 'json',
            data: {AffiliateID: ID, SessionID: UserSession.getSessionID()},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {

                $('<div class="hogo-bg-overlay-action" />').appendTo('#contents');
            },
            success: function (data) {

                if (data.status === 'OK') {

                    if (HoGoUtils.getPageName() === 'affiliatelist.html') {

                        $('.hogo-bg-overlay-action').remove();

                        checkedList = [];

                        oTable.fnDraw();
                    } else {
                        // Move to list
                        setTimeout("window.location.href='AffiliateList'", 300);
                    }
                } else {
                    HoGoUtils.writeLog(data.status_desc);
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            }
        });
    }

    /**
     * Check whether input value has changed or not
     * @returns {Boolean}
     */
    function hasChangeElement() {

        if ($.trim(name) !== $.trim($('#affiliateName').val()) ||
                $.trim(email) !== $.trim($('#email').val()) ||
                $.trim(website) !== $.trim($('#website').val()) ||
                $.trim(address) !== $.trim($('#address').val()) ||
                $.trim(phone) !== $.trim($('#phone').val()) ||
                $.trim(logo) !== $.trim($('#file_id').val())) {

            HoGoUtils.enableButton('#btnSave', {
                colorClass: 'green',
                isSubmitForm: true,
                formID: 'validationAff'
            });
            // Value has changed
            return true;
        } else {
            HoGoUtils.disableButton('#btnSave', {
                colorClass: 'green'
            });
            return false;
        }
    }

    /**
     * Make a affiliate list
     * @returns {datatable}
     */
    function makeAffiliateList() {

        return oTable = $("#tablepaging").dataTable({
            "aaSorting": [[4, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "bDestroy": true,
            "oLanguage": DTUtils.DTLang,
            "sDom": 'l<"right"f><"right inline"p>irt',
            "sAjaxSource": "api/v1/GetAffiliateList",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: makeParameter(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {

                        if (data.status === "OK") {

                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                            $.each(data.affiliate_list, function (key, value) {
                                json.aaData.push({
                                    "id": value.affiliate_id,
                                    "name": value.name,
                                    "email": value.email,
                                    "number_of_user": value.number_of_user,
                                    "create_date": value.create_date,
                                    "status": value.status
                                });
                            });
                        } else {
                            fnSessionTimeout(data);
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {

                $("td:eq(0)", nRow).html("<input type=\"checkbox\" class=\"ck\" name=\"child\" id= \"" + aData.id + "\">");
                $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                $("td:eq(3)", nRow).html("<div>" + aData.number_of_user + "</div>");
                $("td:eq(4)", nRow).html(DateUtils.convertDate(aData.create_date)); //It's fake data on view
                $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-exclamation-sign' href=AffiliateDetail?affiliateID=" + aData.id + "></a>");
                nRow.ondblclick = function () {
                    setTimeout("window.location.href='AffiliateDetail?affiliateID=" + aData.id + "'", 300);
                };
                nRow.onclick = function () {
                    DTUtils.fnCheckBoxOnRow(this);
                };
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [0, 5]} //Not sort for col 0,5
            ],
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {

                //Only from RecipientDetail. Load previous state
                if ($.cookie('l_p') === 'affiliatedetail.html') {

                    var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);

                    var oData;
                    try {
                        oData = (typeof $.parseJSON === 'function') ?
                                $.parseJSON(sData) : eval('(' + sData + ')');
                    } catch (e) {
                        oData = null;
                    }
                    //Set search word on field 
                    if (oData !== null)
                        if (oData.oSearch.sSearch !== null)
                            $('#filter').val(oData.oSearch.sSearch);
                        else
                            $('#filter').val('');
                    else {
                        //set search null
                        $('#filter').val('');
                    }
                    return oData;
                } else {
                    return null;
                }

            },
            "fnDrawCallback": function (oSettings) {

                //Draw checkbox
                $('#tablepaging .ck').customInput();

                //Set up sort paginate
//                DTUtils.fnSetUpTableControl(oSettings);

                //Clear checklist when sorting
//                if (oSettings.bSorted) {
//                    //Clear checklist
//                    checkedList.splice(0, checkedList.length);
//                }

                //Checkbox event switching page
                DTUtils.checkboxSwitchPage("tablepaging", "child", "select_all", checkedList);

                //Event click child checkbox
                $(':checkbox[name=child]').on('click', function () {

                    //Update checkedList
                    DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);

                    //Enable/Disable button <DELETE>
                    if (checkedList.length > 0) {
                        //Enable these buttons
                        HoGoUtils.enableButton("#btnDelete", {
                            colorClass: 'orange',
                            handler: fnWarningDeleteAffiliate
                        });
                    } else {
                        //Disable
                        HoGoUtils.disableButton("#btnDelete", {colorClass: 'orange'});
                    }
                });
            },
            //Map properties from json to view sequentially
            "aoColumns": [
                {"mDataProp": "id"},
                {"mDataProp": "name"},
                {"mDataProp": "email"},
                {"mDataProp": "number_of_user"},
                {"mDataProp": "create_date"},
                {"mDataProp": "status"}
            ]
        });
    }

    /**
     * Affiliate detail object
     * @type object
     */
    var AffilateDetail = {
        /* This param is required */
        affiliateID: HoGoUtils.getParameter()['affiliateID'],
        /**
         * Get affiliate detail
         * @returns {jqXHR}
         */
        getAffiliateDetail: function () {

            var $this = this;

            //Get recipient detail
            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/GetAffiliateDetail",
                data: {AffiliateID: $this.affiliateID, SessionID: UserSession.getSessionID()},
                timeout: HoGoConst.APITimeout,
                success: function (dt) {

                    if (dt.status === "OK") {
                        if (dt.detail.length > 0) {
                            $.each(dt.detail, function (key, value) {

                                if (value.status === 1) {
                                    //Set info value
                                    name = value.name;
                                    email = decodeURIComponent(value.email);
                                    address = value.address;
                                    phone = value.phone_number;
                                    website = decodeURIComponent(value.website);
                                    referralCode = value.referral_code;
                                    referralLink = decodeURIComponent(value.referral_link);
                                    numberUser = value.number_of_user;
                                    createDate = DateUtils.convertDate(value.create_date);
                                    logo = value.logo;
                                    // Render
                                    // Get logo
                                    $("#affLogo").attr("src", "api/v1/GetAffiliateThumbnail?FileID=" + logo);
                                    $("#affiliateName").val(name);
                                    $("#email").val(email);
                                    $("#website").val(website);
                                    $("#address").val(address);
                                    $("#phone").val(phone);
                                    $("#referralCode").val(referralCode);
                                    $("#referralLink").val(referralLink);
                                    $("#registeredDate").html(createDate);
                                    $("#numberUser").html(numberUser);
                                    $("#file_id").val(logo);
                                } else {
                                    window.location = "AffiliateList";
                                }
                            });
                        } else {
                            // Invalid Affiliate
                            window.location = "AffiliateList";
                        }

                    } else {
                        window.location = "AffiliateList";
                    }
                }
            });
        },
        /**
         * Update an affiliate
         * @returns {Boolean|jqXHR}
         */
        updateAffiliate: function () {

            if (!Affiliate.fStatus)
                return false;

            var pData = {};

            $('#validationAff').find(':input').each(function (i, v) {
                pData[$(v).attr('name')] = $(v).val();
            });

            pData['SessionID'] = UserSession.getSessionID();
            pData['AffiliateID'] = this.affiliateID;

            return $.ajax({
                type: "POST",
                url: "api/v1/UpdateAffiliate",
                dataType: 'json',
                data: pData,
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {

                    $('#container').find('.loader').show('fast');

                    HoGoUtils.disableButton('#btnSave', {
                        colorClass: 'green'
                    });
                },
                success: function (data) {

                    $('#container').find('.loader').hide('slow');

                    if (data.status === 'OK') {
                        AffilateDetail.getAffiliateDetail();
                    } else {

                        HoGoUtils.enableButton('#btnSave', {
                            colorClass: 'green',
                            isSubmitForm: true,
                            formID: 'validationAff'
                        });
                        // Error
                        HoGoUtils.writeLog(data.status_desc);
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                }
            });
        }
    };

    /**
     * New an affiliate
     * @type object
     */
    var NewAffiliate = {
        /**
         * Add a new affiliate
         * @returns {Boolean|jqXHR}
         */
        addAffiliate: function () {

            if (!Affiliate.fStatus)
                return false;

            var pData = {};
            $("#validationAff").find(':input').each(function () {
                pData[$(this).attr('name')] = $.trim($(this).val());
            });

            pData["SessionID"] = UserSession.getSessionID();

            return $.ajax({
                dataType: 'json',
                type: "POST",
                url: "api/v1/AddAffiliate",
                data: pData,
                timeout: HoGoConst.APITimeout,
                beforeSend: function () {

                    $('#container').find('.loader').show('fast');

                    HoGoUtils.disableButton('#btnSave', {
                        colorClass: 'green'
                    });
                },
                success: function (dt) {

                    //Remove load 
                    $('#container').find('.loader').hide('slow');

                    if (dt.status === "OK") {
                        redirectable = true;
                        window.location.href = "AffiliateList";
                    } else {

                        HoGoUtils.enableButton('#btnSave', {
                            colorClass: 'green',
                            isSubmitForm: true
                        });

                        if (dt.status === APIConst.AFFILIATE_ALREADY_EXIST) {
                            Modal.showAlert({
                                title: "Exist Email",
                                content: i18n.t('affiliate.message.exist_email')
                            });
                        } else {
                            fnSessionTimeout(dt);
                        }
                    }
                }
            });
        }
    };

    var Report = {
        //History list table
        hTable: null,
        //Type history. Init get all.
        typeHistory: "",
        //Init start/stop date
        startDate: convertFromDateObject(new Date(0)) + ' 00:00:00',
        endDate: convertFromDateObject(new Date()) + ' 23:59:59',
        makeRequestParam: function (aoData, startDate, endDate) {

            var post = {};
            var colSort;
            var sortType;

            $.each(aoData, function (x, y) {
                if (y.name === "sEcho") {
                    post["sEcho"] = y.value;
                }
                if (y.name === "iDisplayStart") {
                    post["DisplayStart"] = y.value;
                }
                if (y.name === "iDisplayLength") {
                    post["DisplayLength"] = y.value;
                }
                if (y.name === "sSearch") {
                    post["SearchString"] = $.trim(y.value);
                }
                if (y.name === "iSortCol_0") {
                    colSort = y.value;
                }
                if (y.name === "sSortDir_0") {
                    sortType = y.value;
                }
            });
            switch (colSort) {
                case 0:
                    if (sortType === "asc")
                        post["SortType"] = 1;
                    else
                        post["SortType"] = 2;
                    break;
                case 1:
                    if (sortType === "asc")
                        post["SortType"] = 3;
                    else
                        post["SortType"] = 4;
                    break;
                case 2:
                    if (sortType === "asc")
                        post["SortType"] = 5;
                    else
                        post["SortType"] = 6;
                    break;
                case 3:
                    if (sortType === "asc")
                        post["SortType"] = 7;
                    else
                        post["SortType"] = 8;
                    break;
                case 4:
                    if (sortType === "asc")
                        post["SortType"] = 9;
                    else
                        post["SortType"] = 10;
                    break;
            }

            post["StartDate"] = startDate;
            post["EndDate"] = endDate;
            post["AffiliateID"] = HoGoUtils.getParameter()['affiliateID'];
            post["SessionID"] = UserSession.getSessionID();

            return post;
        },
        /**
         * Set filter date before make a request
         * @returns {undefined}
         */
        setDate: function () {

            var $this = this;

            //Check validate picker
            if ($('#datepickerStart').val().trim() !== "") {

                $this.startDate = $('#datepickerStart').val() + ' 00:00:00';
            } else {
                //Set min date 
                $this.startDate = convertFromDateObject(new Date(0)) + ' 00:00:00';
            }
            if ($('#datepickerEnd').val().trim() !== "") {

                $this.endDate = $('#datepickerEnd').val() + ' 23:59:59';
            } else {
                $this.endDate = convertFromDateObject(new Date()) + ' 23:59:59';
            }
        },
        /**
         * Make a report list
         * @returns {undefined}
         */
        makeReportList: function () {

            var $this = this;

            $this.setDate();

            $this.hTable = $('#tablepaging').dataTable({
                "aaSorting": [[0, 'desc']],
                "bInfo": false,
                "bDestroy": true,
//                "bLengthChange": false,
                "aLengthMenu": [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, "All"]
                ],
                "bPaginate": true,
                "iDisplayLength": 10,
                "sPaginationType": "full_numbers",
                "oLanguage": DTUtils.DTLang,
                "sDom": 'pli<"clear-right">tr',
                "sAjaxSource": "api/v1/ReportHistoryPoint",
                "bServerSide": true,
                "bProcessing": true,
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                    $.ajax({
                        url: sSource,
                        type: 'POST',
                        timeout: HoGoConst.APITimeout,
                        dataType: "json",
                        data: $this.makeRequestParam(aoData, $this.startDate, $this.endDate),
                        success: function (data) {
                            if (data.status === "OK") {

                                var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": [], "totalYen": data.totalYen, "totalUSD": data.totalUSD};

                                $.each(data.history_point, function (key, value) {
                                    var name = "";
                                    if (value.middle_name === null) {
                                        name = value.first_name + " " + value.last_name;
                                    } else {
                                        name = value.first_name + " " + value.middle_name + " " + value.last_name;
                                    }
                                    json.aaData.push({
                                        "date": value.create_date,
                                        "name": name,
                                        "email": value.mail_address,
                                        "point": value.point,
                                        "cost": value.cost,
                                        "currency": value.currency
                                    });

                                });

                                if (data.totalResult > 0) {
                                    $('.wrapper-amount').show();
                                    $('#totalUSD').text(HoGoUtils.convertMoneyFomat(data.totalUSD, 'USD'));
                                    $('#totalYen').text(HoGoUtils.convertMoneyFomat(data.totalYen, 'YEN'));
                                } else {
                                    // Hide amount
                                    $('.wrapper-amount').hide();
                                }
                            } else {

                                fnSessionTimeout(data);
                            }
                            fnCallback(json);
                        }
                    });
                },
                "bStateSave": true,
                "fnRowCallback": function (nRow, aData) {
                    //Edit data on drawing
                    $("td:eq(0)", nRow).html(DateUtils.convertFullDate(aData.date));
                    $("td:eq(1)", nRow).html("<div>" + aData.name + "</div>");
                    $("td:eq(2)", nRow).html("<div>" + aData.email + "</div>");
                    $("td:eq(3)", nRow).html("<div>" + aData.point + "</div>");
                    $("td:eq(4)", nRow).html("<div>" + convertCentToUSD(aData.cost, aData.currency) + "</div>");
                    //var method = (aData.currency == null || aData.currency == 'USD') ? 'Paypal' : 'GMO';
                    //$("td:eq(5)", nRow).html("<div>"+ method +"</div>");
                    nRow.setAttribute("style", "text-align: left");

                },
                "aoColumnDefs": [
                    //{'bSortable': false, 'aTargets': [ 0,5 ]}
                ],
                "fnDrawCallback": function (oSettings) {
                    //Clear array
//                    DTUtils.fnSetUpTableControl(oSettings);
                    DTUtils.determinePaging(oSettings);
                },
                "aoColumns": [
                    {"mDataProp": "date"},
                    {"mDataProp": "name"},
                    {"mDataProp": "email"},
                    {"mDataProp": "point"},
                    {"mDataProp": "cost"}
                    //{ "mDataProp": "currency" }
                ]
            });
        },
        /**
         * Filter history points
         * @returns {undefined}
         */
        filterReport: function () {

            if (!formStatus)
                return false;

            this.setDate();

            this.hTable.fnDraw();
        }
    };

    function isCompanyAdmin(admin) {
        if (parseInt(admin.service_level) === HoGoConst.COMPANY_ADMIN) {
            return true;
        } else
            return false;
    }

    return {
        /* Validation status */
        fStatus: false,
        /**
         * Update affiliate
         * @returns {ajaxFileUpload}
         */
        uploadThumbnail: function () {

            return $.ajaxFileUpload({
                url: 'api/v1/UploadAffiliateThumbnail',
                secureuri: false,
                fileElementId: "fileLogo",
                data: {SessionID: UserSession.getSessionID()},
                dataType: 'json',
                success: function (data) {

                    if (data.status === 'OK') {

                        // Set new image
                        $("#affLogo").attr("src", "api/v1/GetAffiliateThumbnail?FileID=" + data.file_id);

                        $('#file_id').val(data.file_id);

                        // Check after change
                        hasChangeElement();
                    } else {
                        HoGoUtils.writeLog(data.status_desc);
                        Modal.showAlert({content: i18n.t('error.unknown')});
                    }
                }
            });
        },
        doUpdate: function () {
            AffilateDetail.updateAffiliate();
        },
        doAdd: function () {
            NewAffiliate.addAffiliate();
        },
        init: function () {

            // Prevent hacking
            if (UserSession.getAdminObject() === null) {
                window.location.href = 'login';
                return;
            }

            if (!isCompanyAdmin(UserSession.getAdminObject())) {

                var admin = UserSession.getAdminObject();
                if (parseInt(admin.service_level) === HoGoConst.SYSTEM_ADMIN) {
                    window.location.href = serverHostAPI + 'Distributor';
                }

                if (parseInt(admin.service_level) === HoGoConst.DISTRIBUTOR) {
                    window.location.href = serverHostAPI + 'Service';
                }
                return;
            }

            $('.nav-affiliate').removeClass('item-user-list-deactive').addClass('item-user-list-active');
            HoGoUtils.makeLeftMenuAdmin();
            HoGoUtils.validateForm('validationAff', Affiliate);

            // Event changing logo
            $('#fileLogo').live('change', function () {
                Affiliate.uploadThumbnail();
                return false;
            });

            if ($('#affiliateList').length > 0) {

                makeAffiliateList();

                $('#cbo_selectall').on('click', function () {

                    DTUtils.checkboxSelectAllEvent(this, "child", checkedList);

                    if (checkedList.length > 0) {
                        HoGoUtils.enableButton("#btnDelete", {
                            colorClass: 'orange',
                            handler: fnWarningDeleteAffiliate
                        });
                    } else {
                        HoGoUtils.disableButton("#btnDelete", {
                            colorClass: 'orange'
                        });
                    }
                });
            }

            var pName = HoGoUtils.getPageName();

            if (pName === 'affiliatedetail.html' || pName === 'addaffiliate.html') {

                $(window).bind('beforeunload', function () {
                    if (hasChangeElement() === true && redirectable === false) {
                        return "If you leave this page. Your selected data will be discard!";
                    }
                });
            }

            if (pName === 'affiliatedetail.html') {

                User.initForAffiliate();

                //Copy link action
//                HoGoUtils.copyLink('#btnCopyLink');

                // Get detail
                AffilateDetail.getAffiliateDetail().done(function () {
                    $('form#validationAff').find(':input').bind('keyup focusout', (function () {
                        hasChangeElement();
                    }));
                });

                $('#reportHistoryPoint').bind('click', function () {
                    window.location.href = "ReportHistoryAffiliate?affiliateID=" + AffilateDetail.affiliateID;
                });
            }

            if (pName === 'addaffiliate.html') {

                $('form#validationAff').find(':input').bind('keyup focusout', (function () {
                    hasChangeElement();
                }));
            }

            if (pName === "reporthistoryaffiliate.html") {

                AffilateDetail.getAffiliateDetail().done(function () {
                    Report.makeReportList();
                });

                $('#filterHistoryPoint').bind('click', function () {

                    Report.filterReport();
                });
            }
        }
    };
})(jQuery);

//
// Admin's information
//
var Admin = (function ($) {
    var pTable;
    var disComName = "", disemail = "", disFirstName = "", disLastName = "", disMiddleName = "", discreateDate = "", disphoneNumber = "", disreferallLink = "", dislang, disCurrency = "", billing_cycle;
    var name = "", email = "", password = "", companykey = "", createdate, status, adminFName = "", adminMName = "", adminLname = "", phoneNumber = "", address1 = "", address2 = "", cancelPayment = false,
            conPassword = "", department = "", city = "", state = "", country = "", zipcode = "", lang = "", paymentTerm = "", usagePlan = "", paymentTermDes = "", billingCycle = "", currency = "", checkAutoSetNewPayment = "", billingCycles = '';
    function hasChangeElement() {
        if ($.trim(conPassword) !== $.trim($('#passwordCon').val()) || $.trim(password) !== $.trim($('#password').val())
                || $.trim(name) !== $.trim($('#companyName').val()) || $.trim(email) !== $.trim($('#adminEmail').val())
                || $.trim(adminFName) !== $.trim($('#adminFName').val()) || $.trim(adminLname) !== $.trim($('#adminLName').val())
                || $.trim(adminMName) !== $.trim($('#adminMName').val()) || lang !== $('#language').val()
                ) {
            HoGoUtils.enableButton('#btnSave', {colorClass: 'green', isSubmitForm: true, formID: 'validationCom'});
            return true;
        } else {
            HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});
            return false;
        }
    }

    function hasChangePaymentInfo() {
        if ($.trim(usagePlan) !== $.trim($("input[name=plan]:checked").val())
                || $.trim(address2) !== $.trim($('#address2').val()) || $.trim(adminMName) !== $.trim($('#adminMName').val())
                || $.trim(department) !== $.trim($('#department').val()) || $.trim(city) !== $.trim($('#city').val())
                || $.trim(state) !== $.trim($('#stateProvince').val()) || $.trim(country) !== $.trim($('#country').val())
                || $.trim(zipcode) !== $.trim($('#zipcode').val()) || $.trim(phoneNumber) !== $.trim($('#PhoneNumber').val())
                || $.trim(address1) !== $.trim($('#address1').val())
                || ((!checkAutoSetNewPayment) === $('#checkAutoSetNewPayment :checkbox').is(':checked'))) {
            HoGoUtils.enableButton('#btnChangePayment', {colorClass: 'green', isSubmitForm: true, formID: 'validationPay'});
            return true;
        } else {

            HoGoUtils.disableButton('#btnChangePayment', {colorClass: 'green'});
            return false;
        }
    }

    function hasChangeElementDis() {
        if ($.trim(disComName) !== $.trim($('#disComName').val()) || $.trim(disFirstName) !== $.trim($('#disFName').val())
                || $.trim(disLastName) !== $.trim($('#disLName').val()) || $.trim(disMiddleName) !== $.trim($('#disMName').val())
                || $.trim(disemail) !== $.trim($('#disEmail').val())
                || $.trim(disphoneNumber) !== $.trim($('#disPhone').val()) || dislang !== $.trim($('#language').val())
                || $.trim(disCurrency) !== $.trim($("#currentcy").val()) || billingCycles !== serializeBillingCycle()) {

            HoGoUtils.enableButton('#btnSave', {colorClass: 'green', isSubmitForm: true, formID: 'validationDis'});
            return true;
        } else {
            HoGoUtils.disableButton('#btnSave', {colorClass: 'green'});
            return false;
        }
    }

    function serializeBillingCycle() {
        var billingCycles = '';
        $.each($('.ms-drop input:checkbox'), function (key, value) {
            billingCycles += $(value).is(':checked') ? '1' : '0';
        });

        return billingCycles;
    }

    function getAdminSessionData() {
        //Get recipient detail
        return $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/GetCompanyDetail",
            data: {SessionID: UserSession.getSessionID()},
            timeout: HoGoConst.APITimeout,
            success: function (dt) {
                if (dt.status === "OK") {
                    if (dt.detail.length > 0) {
                        $.each(dt.detail, function (key, value) {
                            //Set info value
                            name = value.name;
                            email = decodeURIComponent(value.admin);
                            companykey = value.service_key;
                            createdate = DateUtils.convertDate(value.create_date);
                            adminFName = value.admin_fName;
                            adminLname = value.admin_lName;
                            adminMName = value.admin_mName;
                            var numberUser = value.number_user;
                            lang = value.lang;
                            // Load company payment info
                            var paymentInfo = value.payment_info;
                            address1 = paymentInfo.address1;
                            address2 = paymentInfo.address2;
                            department = paymentInfo.department;
                            city = paymentInfo.city;
                            state = paymentInfo.state;
                            phoneNumber = paymentInfo.phoneNumber;
                            country = paymentInfo.country;
                            zipcode = paymentInfo.zipCode;
                            usagePlan = value.usage_plan;
                            billingCycle = paymentInfo.billingCycle;
                            currency = paymentInfo.currentcy;
//                            $('#currentcy').val(currency).selectmenu();
                            if (lang === '' || lang === null) {
                                $('#language').val('auto').selectmenu();
                            } else {
                                var lLang = lang.split('-'); // auto-en
                                var pName = HoGoUtils.getPageName();
                                if ($.trim(lLang[0]) === 'auto') {
                                    $('#language').val($.trim(lLang[0])).selectmenu();
                                    HoGoUtils.renderNameBaseLang(pName, HoGoUtils.detectBrowserLang());
                                } else {
                                    $('#language').val(lang).selectmenu();
                                    HoGoUtils.renderNameBaseLang(pName, lang);
                                }

                            }

                            switch (parseInt(value.status)) {
                                case 1:
                                    status = 1;
                                    $("#status").html('<span class="label label-success">' + i18n.t("status.active") + '</span>');
                                    break;
                                case 4:
                                    status = 4;
                                    $("#status").html('<span class="label label-warning">' + i18n.t("status.pending") + '</span>');
                                    break;
                                case 7:
                                    status = 7;
                                    $("#status").html('<span class="label label-primary">' + i18n.t("status.trial") + '</span>');
                            }

                            if (paymentInfo.type === 7 || paymentInfo.type === 4) {
                                $("#checkAutoSetNewPayment").show();
                            } else {
                                $("#checkAutoSetNewPayment").hide();
                            }

                            checkAutoSetNewPayment = paymentInfo.setNewPaymentAfterTrial;
                            $("#checkAutoSetNewPayment :checkbox").prop('checked', checkAutoSetNewPayment);

                            // Render
                            $("#companyName").val(name);
                            $("#companykey").html(companykey);
                            $("#createDate").html(createdate);
                            $("#PhoneNumber").val(phoneNumber);
                            $("#adminEmail").val(email);
                            $("#adminFName").val(adminFName);
                            $("#adminLName").val(adminLname);
                            $("#adminMName").val(adminMName);
                            $('#numberUser').html(numberUser);

                            // payment info
                            $("#department").val(department);
                            $("#address1").val(address1);
                            $("#address2").val(address2);
                            $("#city").val(city);
                            $("#stateProvince").val(state);
                            $("#country").val(country);
                            $("#zipcode").val(zipcode);
                            $('#lblBillingCycle').text(billingCycle);

                            $('#billingCycle').val(billingCycle).selectmenu();

                            cancelPayment = paymentInfo.cancelPayment;
                            if (status === HoGoConst.ACTIVE_STATUS) {
                                if (cancelPayment) {
                                    $('#btnCancelPaymentCycle').addClass('hide');
                                    $('#btnDisableCancelPaymentCycle').removeClass('hide');
                                } else {
                                    $('#btnCancelPaymentCycle').removeClass('hide');
                                    $('#btnDisableCancelPaymentCycle').addClass('hide');
                                }
                            } else {
                                $('#btnCancelPaymentCycle').addClass('hide');
                                $('#btnDisableCancelPaymentCycle').addClass('hide');
                            }

                            var paymentUsagePlan = paymentInfo.id.paymentId;

                            if (usagePlan !== paymentUsagePlan) {
                                var content = (currency === "yen") ? i18n.t('payment_package.package' + paymentUsagePlan + '_ja') : i18n.t('payment_package.package' + paymentUsagePlan);
                                $('#currUsagePlan').text(content);

                                $('#usagePlanAlert').removeClass('hide');
                            } else {
                                $('#usagePlanAlert').addClass('hide');
                            }

                            // Load Payment term and usage plan
                            $("input[name=plan][value=" + usagePlan + "]").click();

                        });

                    } else {

                    }

                } else {
//                           
                }
            }
        });
    }

    // function get resller admin info
    function getDistributorDetail() {

        //Get recipient detail
        return $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/GetDistributorDetail",
            data: {SessionID: UserSession.getSessionID()},
            timeout: HoGoConst.APITimeout,
            success: function (dt) {
                if (dt.status === "OK") {
                    if (dt.list_distributor.length > 0) {
                        $.each(dt.list_distributor, function (key, value) {

                            disComName = value.service_name;
                            disFirstName = value.admin_fName;
                            disLastName = value.admin_lastName;
                            disMiddleName = value.admin_mName;
                            disemail = value.admin_email;
                            discreateDate = DateUtils.convertDate(value.create_date);
                            disreferallLink = value.referall_link;
                            disCurrency = value.currency;
                            billingCycles = value.billing_cycle;

                            var selectVal = [];
                            for (var i = 0; i < billingCycles.length; i++) {
                                if (billingCycles.charAt(i) === '1') {
                                    selectVal.push(i);
                                }
                            }

                            $('#ddBillingCycles').multipleSelect('setSelects', selectVal);

                            $("#currentcy").val(disCurrency).selectmenu();
//                                //Set info value
//                                // Render
                            dislang = value.admin_lang;
                            if (dislang === '' || dislang === null) {
                                $('#language').val('auto').selectmenu();
                            } else {
                                var lLang = dislang.split('-'); // auto-en
                                var pName = HoGoUtils.getPageName();
                                if ($.trim(lLang[0]) === 'auto') {
                                    $('#language').val($.trim(lLang[0])).selectmenu();
                                    HoGoUtils.renderNameBaseLang(pName, HoGoUtils.detectBrowserLang());
                                } else {
                                    $('#language').val(dislang).selectmenu();
                                    HoGoUtils.renderNameBaseLang(pName, dislang);
                                }

                            }
                            $("#serviceId").val(value.service_id);
                            $("#disComName").val(disComName);
                            $("#disLink").val(disreferallLink);
                            $("#createDate").html(discreateDate);
                            $("#disEmail").val(disemail);
                            $("#disFName").val(disFirstName);
                            $("#disMName").val(disMiddleName);
                            $("#disLName").val(disLastName);
                            $("#numberCompany").html(value.number_company);

                            switch (parseInt(value.status)) {
                                case 1:
                                    $("#status").html("<div class='label label-success'>Active</div>");
                                    break;
                                default:
                                    $("#status").html("<div class='label label-default'>Deactive</div>");
                                    break;
                            }

                        });
                    } else {

                    }

                } else {
//                        window.location = "Distributor";
                }
            }
        });
    }

    function getAdminDetail() {
        $("#adminEmail").html(UserSession.getAdminObject().admin_email);

    }

    function changePasswordCompanyAdmin() {
        if (!Admin.fStatus) {
            return false;
        }

        var companyId = HoGoUtils.getParameter()['companyID'];
        var password = $('#passwordCon').val().trim();
        return $.ajax({
            type: "POST",
            url: "api/v1/ChangeAdminCompanyPassword",
            data: {ServiceID: companyId, SessionID: UserSession.getSessionID(), Password: HoGoUtils.MD5(password)},
            beforeSend: function () {
                Modal.closeModal();
            },
            success: function (data) {

                if (data.status === 'OK') {

                    HoGoUtils.makeNotifyServer({
                        "msg": i18n.t('password.message.save_success'),
                        "autoClose": true,
                        "time": 1000
                    });
                } else {
                    Modal.showAlert({
                        title: i18n.t('password.change_password.error'),
                        content: i18n.t('password.change_password.error')
                    });
                }
            }
        });
    }

    // Show password popup
    function showChangePasswordPopupCom() {

        Modal.createModal(2, {
            title: i18n.t('password.change_password.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validationCP', Admin);

            },
            templateUrl: "Template/change_password.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();
                changePasswordCompanyAdmin();
            }
        });
    }

    function changePasswordDistributorAdmin() {
        if (!Admin.fStatus) {
            return false;
        }

        var companyId = HoGoUtils.getParameter()['serviceID'];
        var password = $('#passwordCon').val().trim();
        return $.ajax({
            type: "POST",
            url: "api/v1/ChangeAdminDistributorPassword",
            data: {ServiceID: companyId, SessionID: UserSession.getSessionID(), Password: HoGoUtils.MD5(password)},
            beforeSend: function () {
                Modal.closeModal();
            },
            success: function (data) {

                if (data.status === 'OK') {

                    HoGoUtils.makeNotifyServer({
                        "msg": i18n.t('password.message.save_success'),
                        "autoClose": true,
                        "time": 400
                    });
                } else {
                    Modal.showAlert({
                        title: i18n.t('password.change_password.error'),
                        content: i18n.t('password.change_password.error')
                    });
                }
            }
        });
    }

    function showChangePasswordPopup(  ) {

        Modal.createModal(2, {
            title: i18n.t('password.change_password.title'), // Should support multiple langue (i18n.t('modal.change_password_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validationCP', Admin);

            },
            templateUrl: "Template/change_password.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();
                changePasswordDistributorAdmin();
            }
        });
    }

    function updateCompany() {

        if (!Admin.fStatus)
            return false;
        var pData = {};

        $('#validationCom').find(':input').each(function (i, v) {
            pData[$(v).attr('name')] = $(v).val();
        });
        pData['SessionID'] = UserSession.getSessionID();
        pData['ServiceID'] = this.companyID;
        pData['Lang'] = HoGoUtils.detectBrowserAutoLang(pData['Lang']);
        // use for company update ifself
        return $.ajax({
            type: "POST",
            url: "api/v1/UpdateCompany",
            dataType: 'json',
            data: pData,
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {

                $('#detail').find('.loader').show('fast');

                HoGoUtils.disableButton('#btnSave', {
                    colorClass: 'green'
                });
            },
            success: function (data) {

                $('#detail').find('.loader').hide('slow');

                if (data.status === 'OK') {
                    getAdminSessionData().done(function () {
                        UserSession.updateAdminInfo();
                    });
                } else if (data.status === 'LimittedUser') {
                    Modal.showAlert({content: i18n.t('company.message.limit_user')});
                } else {

                    HoGoUtils.enableButton('#btnSave', {
                        colorClass: 'green',
                        isSubmitForm: true,
                        formID: 'validationCom'
                    });
                    // Error
                    HoGoUtils.writeLog(data.status_desc);
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            }
        });
    }

    function updateDistributor() {

        if (!Admin.fStatus)
            return false;

        var pData = {};

        $('#validationDis').find(':input').each(function (i, v) {
            pData[$(v).attr('name')] = $(v).val();
        });

        pData['SessionID'] = UserSession.getSessionID();
        pData['ServiceID'] = this.serviceID;

        pData['BillingCycle'] = serializeBillingCycle();
        pData['Lang'] = HoGoUtils.detectBrowserAutoLang(pData['Lang']);

        // use for distributor update itself 
        return $.ajax({
            type: "POST",
            url: "api/v1/UpdateDistributor",
            dataType: 'json',
            data: pData,
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {

                $('#container').find('.loader').show('fast');

                HoGoUtils.disableButton('#btnSave', {
                    colorClass: 'green'
                });
            },
            success: function (data) {

                $('#container').find('.loader').hide('slow');

                if (data.status === 'OK') {
//                    getDistributorDetail().done(function () {
//                        UserSession.updateAdminInfo();
//                    });
                    Admin.loadDistributorAdminInfo();
                    UserSession.updateAdminInfo();
                } else {

                    HoGoUtils.enableButton('#btnSave', {
                        colorClass: 'green',
                        isSubmitForm: true,
                        formID: 'validationDis'
                    });
                    // Error
                    HoGoUtils.writeLog(data.status_desc);
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            }
        });
    }

    function updateCompanyPaymentInfo() {
        if (!Admin.fStatus)
            return false;
        var pData = {};

        $('#validationPay').find(':input').each(function (i, v) {
            pData[$(v).attr('name')] = $(v).val();
        });
        var paymentTerm = $('input[name=paymentTerm]:checked').val();
        switch (paymentTerm) {
            case "1":
            case "2":
            case "3":
                pData["PaymentTerm"] = $.trim(paymentTerm);
                break;
            case "4":
                paymentTerm = $("#otherPaymentTerm").val();
                pData["PaymentTerm"] = $.trim(paymentTerm);
        }

        pData["UsagePlan"] = $('input[name=plan]:checked').val();
        pData["billingCycle"] = $('#billingCycle').val();
        pData['SessionID'] = UserSession.getSessionID();
        pData['ServiceID'] = this.companyID;
//        pData["Currentcy"] = $("#currentcy").val();
//        if ($('#checkAutoSetNewPayment :checkbox').is(':checked')) {
//            pData['checkAutoSetNewPayment'] = HoGoConst.SET_NEW_PAYMENT_AFTER_TRIAL;
//        } else {
//            pData['checkAutoSetNewPayment'] = HoGoConst.NOT_SET_NEW_PAYMENT_AFTER_TRIAL;
//        }

        if (usagePlan > pData.UsagePlan) {
            var modal = {
                title: i18n.t('payment_package.message.confirm_downgrade_title'),
                content: i18n.t('payment_package.message.confirm_downgrade'),
                okCallback: function () {
                    ajaxUpdatePayment(pData);
                }
            };
            Modal.showConfirmPopup(modal);
        } else {
            ajaxUpdatePayment(pData);
        }
    }

    function ajaxUpdatePayment(pData) {
        if (!Admin.fStatus)
            return false;
        $.ajax({
            type: "POST",
            url: "api/v1/UpdateCompanyPayment",
            dataType: 'json',
            data: pData,
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {

                $('#billingInfo').find('.loader').show('fast');

                HoGoUtils.disableButton('#btnChangePayment', {
                    colorClass: 'green'
                });
            },
            success: function (data) {

                $('#billingInfo').find('.loader').hide('slow');

                if (data.status === 'OK') {
                    getAdminSessionData();
                } else if (data.status === "LimittedUser") {
                    Modal.showAlert({content: i18n.t('company.message.limit_user')});
                    HoGoUtils.enableButton('#btnChangePayment', {
                        colorClass: 'green',
                        isSubmitForm: true,
                        formID: 'validationPay'
                    });
                } else {

                    HoGoUtils.enableButton('#btnChangePayment', {
                        colorClass: 'green',
                        isSubmitForm: true,
                        formID: 'validationPay'
                    });
                    // Error
                    HoGoUtils.writeLog(data.status_desc);
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }
            }
        });
    }

    function getCompanyPaymentCurrent() {

        //Get recipient detail
        return $.ajax({
            dataType: 'json',
            type: "POST",
            url: "api/v1/GetCompanyPaymentCurrent",
            data: {SessionID: UserSession.getSessionID()},
            timeout: HoGoConst.APITimeout,
            success: function (dt) {

                if (dt.status === "OK") {
                    var currentPayment = dt.current_payment;
                    // Render
                    $("#paymentDate").html(DateUtils.convertDate(currentPayment.payment_service.registerDate));
                    $("#dueDate").html(DateUtils.convertDate(currentPayment.payment_service.dueDate));
                    $("#transaction").html(currentPayment.number_transaction);
                    var currentcyHis = currentPayment.currentcy;
                    var currentcyIcon, currentcyDis;
                    switch (currentcyHis) {
                        case 'yen':
                            currentcyIcon = "¥";
                            currentcyDis = i18n.t('currentcy.ja_currentcy'); // should translate
                            break;
                        default :
                            currentcyIcon = "$";
                            currentcyDis = i18n.t('currentcy.us_currentcy'); // should translate
                            break;
                    }

                    $("#currentcyHis").html(currentcyDis);
                    $("#unitPrice").html(currentcyIcon + currentPayment.unit_price);
                    $("#totalAmount").html(currentcyIcon + currentPayment.total_amount);
                } else {
//                    window.location = "Service";
                }
            }
        });
    }

    /**
     * Return collection parameters to get list
     * @param {type} aoData
     * @returns {_L1.makePaymentHistoryParameter.post}
     */
    function makePaymentHistoryParameter(aoData) {
        var post = {};
        var colSort;
        var sortType;
        $.each(aoData, function (x, y) {
            if (y.name === "sEcho") {
                post["sEcho"] = y.value;
            }
            if (y.name === "iDisplayStart") {
                post["DisplayStart"] = y.value;
            }
            if (y.name === "iDisplayLength") {
                post["DisplayLength"] = y.value;
            }
            if (y.name === "iSortCol_0") {
                colSort = y.value;
            }
            if (y.name === "sSortDir_0") {
                sortType = y.value;
            }
        });
        switch (colSort) {
            case 0:
                if (sortType === "asc")
                    post["SortType"] = 1;
                else
                    post["SortType"] = 2;
                break;
            case 1:
                if (sortType === "asc")
                    post["SortType"] = 3;
                else
                    post["SortType"] = 4;
                break;
            case 2:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 3:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
            case 4:
                if (sortType === "asc")
                    post["SortType"] = 5;
                else
                    post["SortType"] = 6;
                break;
        }
        // User for distrubutor
        if (HoGoUtils.getPageName() === 'companydetail.html') {
            post["CompanyID"] = HoGoUtils.getParameter()['companyID'];
        }
        post["SessionID"] = UserSession.getSessionID();
        return post;
    }

    function getCompanyPaymentHistory() {
        return pTable = $("#paymentHistoryTb").dataTable({
            "aaSorting": [[1, 'desc']],
            "bInfo": false,
            "bLengthChange": false,
            "bPaginate": true,
            "iDisplayLength": 10,
            "sPaginationType": "full_numbers",
            "bDestroy": true,
            "oLanguage": DTUtils.DTLang,
            "sDom": 'l<"right"><"right inline"p>irt',
            "sAjaxSource": "api/v1/GetCompanyPaymentHistory",
            "bServerSide": true,
            "bProcessing": true,
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                $.ajax({
                    url: sSource,
                    type: "POST",
                    dataType: "json",
                    data: makePaymentHistoryParameter(aoData),
                    timeout: HoGoConst.APITimeout,
                    success: function (data) {

                        if (data.status === "OK") {
                            var json = {"sEcho": data.sEcho, "iTotalDisplayRecords": data.totalResult, "aaData": []};

                            $.each(data.payment_history, function (key, value) {
                                json.aaData.push({
                                    "payment_date": value.payment_date,
                                    "due_date": value.due_date,
                                    "name": value.name,
                                    "transaction": value.total_transaction,
                                    "total_amount": value.total_amount,
                                    "id": value.payment_info_id,
                                    "currentcy": value.currentcy
                                });
                            });
                        } else {
                            fnSessionTimeout(data);
                        }
                        fnCallback(json);
                    }
                });
            },
            "fnRowCallback": function (nRow, aData) {
                var payId = aData.name;
                var currentcy = aData.currentcy;
                var paymentName;
                var currentcyIcon = (currentcy === "yen") ? "¥" : "$";
                switch (payId) {
                    case 1:
                        paymentName = (currentcy === "yen") ? i18n.t('payment_package.package1_ja') : i18n.t('payment_package.package1');
                        break;
                    case 2:
                        paymentName = (currentcy === "yen") ? i18n.t('payment_package.package2_ja') : i18n.t('payment_package.package2');
                        break;
                    case 3:
                        paymentName = (currentcy === "yen") ? i18n.t('payment_package.package2_ja') : i18n.t('payment_package.package3');
                        break;
                    case 4:
                        paymentName = (currentcy === "yen") ? i18n.t('payment_package.package2_ja') : i18n.t('payment_package.package4');
                        break;
                    default:
                        break;
                }

                // get payment package name
                $("td:eq(0)", nRow).html(DateUtils.convertDate(aData.payment_date));
                $("td:eq(1)", nRow).html(DateUtils.convertDate(aData.due_date));
                $("td:eq(2)", nRow).html("<div title='" + paymentName + "'>" + paymentName + "</div>");
                $("td:eq(3)", nRow).html("<div>" + aData.transaction + "</div>");
                $("td:eq(4)", nRow).html("<div>" + currentcyIcon + aData.total_amount + "</div>")
                $("td:eq(5)", nRow).html("<a class='my-icon-link glyphicon glyphicon-save'></a>").bind('click', function () {
                    downloadPaymentReceipt(aData.id);
                });
                nRow.ondblclick = function () {
                    setTimeout(downloadPaymentReceipt(aData.id), 300);
                };
//                    nRow.onclick = function () {
//                        DTUtils.fnCheckBoxOnRow(this);
//                    };
            },
            "aoColumnDefs": [
                {'bSortable': false, 'aTargets': [5]}
            ],
            "bStateSave": true,
            "fnStateLoad": function (oSettings) {

                //Only from RecipientDetail. Load previous state
//                    if ($.cookie('l_p') === 'service.html') {
//
//                        var sData = this.oApi._fnReadCookie(oSettings.sCookiePrefix + oSettings.sInstance);
//
//                        var oData;
//                        try {
//                            oData = (typeof $.parseJSON === 'function') ?
//                                    $.parseJSON(sData) : eval('(' + sData + ')');
//                        } catch (e) {
//                            oData = null;
//                        }
                //Set search word on field 
//                        if (oData !== null)
//                            if (oData.oSearch.sSearch !== null)
//                                $('#filter').val(oData.oSearch.sSearch);
//                            else
//                                $('#filter').val('');
//                        else {
//                            //set search null
//                            $('#filter').val('');
//                        }
//                        return oData;
//                    } else {
//                        return null;
//                    }

            },
            "fnDrawCallback": function (oSettings) {

                //Draw checkbox
//                    $('#paymentHistoryTb .ck').customInput();

                //Set up sort paginate
//                    DTUtils.fnSetUpTableControl(oSettings);

                //Clear checklist when sorting
//                if (oSettings.bSorted) {
//                    //Clear checklist
//                    checkedList.splice(0, checkedList.length);
//                }

                //Checkbox event switching page
//                    DTUtils.checkboxSwitchPage("paymentHistoryTb", "child", "select_all", checkedList);

                //Event click child checkbox
//                    $(':checkbox[name=child]').on('click', function () {
//
//                        //Update checkedList
//                        DTUtils.checkboxChildSelectEvent(this, "select_all", checkedList);
//
//                        //Enable/Disable button <DELETE>
//                        if (checkedList.length > 0) {
////                        HoGoUtils.enableButton("#btnExport", {
////                            colorClass: 'orange',
////                            handler: exportAcessReport
////                        });
//                            //Enable these buttons
//                            HoGoUtils.enableButton("#btnDelete", {
//                                colorClass: 'orange',
//                                handler: fnWarningDeleteCompany
//                            });
//                        } else {
//                            //Disable
//                            HoGoUtils.disableButton("#btnDelete", {colorClass: 'orange'});
//                        }
//                    });
            },
            //Map properties from json to view sequentially
            "aoColumns": [
                {"mDataProp": "payment_date"},
                {"mDataProp": "due_date"},
                {"mDataProp": "name"},
                {"mDataProp": "transaction"},
                {"mDataProp": "total_amount"},
                {"mDataProp": "id"}

            ]
        });
    }

    function downloadPaymentReceipt(payInfoID) {
        var param = {};
        param["SessionID"] = UserSession.getSessionID();
        param["payInfoID"] = payInfoID;
        if (UserSession.getAdminObject().adminlang === 'auto-en' || UserSession.getAdminObject().adminlang === 'auto-ja') {
            param["lang"] = navigator.language.split('-')[0];
        } else {
            param["lang"] = UserSession.getAdminObject().adminlang;
        }

        $.fileDownload('api/v1/downloadPaymentReceipt?' + $.param(param), {
            httpMethod: 'GET'
        }).then(function () {
        }, function (errorText) {

            Modal.showAlert({
                title: i18n.t('payment.error.title'), // #translate
                text: i18n.t('payment.error.text')
            });
        });
    }

    // Change email popup for company admin
    function showChangeCompanyAdminPopup() {
        Modal.createModal(2, {
            title: i18n.t('email.change_email.title'), // Should support multiple langue (i18n.t('modal.change_email_title'))
            preventClose: true,
            onLoad: function () {

                HoGoUtils.validateForm('validationCE', Admin);

            },
            templateUrl: "Template/change_email.html",
            okCallback: function (modal) {

                // Call submit form
                var form = modal.find('form');
                form.submit();

                changeEmailCompanyAdmin();
            }
        });
    }

    function changeEmailCompanyAdmin() {

        if (!Admin.fStatus) {
            return false;
        }

        var companyId = HoGoUtils.getParameter()['companyID'];
        console.log(companyId);
        if (!companyId) {
            companyId = "";
        }
        var email = $('#email').val().trim();
        return $.ajax({
            type: "POST",
            url: "api/v1/ChangeAdminCompanyEmail",
            data: {ServiceID: companyId, SessionID: UserSession.getSessionID(), Email: email},
            beforeSend: function () {
                Modal.closeModal();
            },
            success: function (data) {

                if (data.status === 'OK') {

                    $("#companyAdmin").html(data.new_email);
                    HoGoUtils.makeNotifyServer({
                        "msg": i18n.t('email.message.save_success'),
                        "autoClose": true,
                        "time": 400
                    });
                    getAdminSessionData();
                } else {

                    switch (data.status) {
                        case APIConst.userAlreadyExistStatus:
                            Modal.showAlert({content: i18n.t('email.message.exist_email')});
                            break;
                        default :
                            Modal.showAlert({content: i18n.t('email.message.error')});
                            break;
                    }
                }
            }
        });
    }

    function updateCancelPaymentCycle() {
        return $.ajax({
            type: "POST",
            url: "api/v1/UpdateCancelPaymentCycle",
            dataType: 'json',
            data: {"SessionID": UserSession.getSessionID(), "CurrentCancelPayment": cancelPayment},
            timeout: HoGoConst.APITimeout,
            beforeSend: function () {
                $('#container').find('.loader').show('fast');

                HoGoUtils.disableButton('#btnCancelPaymentCycle,#btnDisableCancelPaymentCycle', {
                    colorClass: 'green'
                });
            },
            success: function (data) {
                $('#container').find('.loader').hide('slow');

                if (data.status === 'OK') {
                    getAdminSessionData();
                } else {
                    // Error
                    HoGoUtils.writeLog(data.status_desc);
                    Modal.showAlert({content: i18n.t('error.unknown')});
                }

                HoGoUtils.enableButton('#btnCancelPaymentCycle,#btnDisableCancelPaymentCycle', {
                    colorClass: 'orange'
                });
            }
        });
    }

    function _registerChangeLogoListener() {
        var pName = HoGoUtils.getPageName();

        $('#btnChangeLogo').on('click', function () {
            // show popup change logo
            Modal.createModal(2, {
                title: i18n.t('myaccount.account_info.change_logo_title'),
                preventClose: true,
                templateUrl: "Template/change_logo_image.html",
                onLoad: function () {
                    switch (pName) {
                        case 'companydetail.html':
                            UserSession.updateLogoImg('#currentLogo', '', true, HoGoUtils.getParameter()['companyID']);
                            break;
                        case 'distributordetail.html':
                        case 'resellermanagerdetail.html':
                            UserSession.updateLogoImg('#currentLogo', '', true, HoGoUtils.getParameter()['serviceID']);
                            break;
                        default:
                            UserSession.updateLogoImg('#currentLogo');
                    }
                    HoGoUtils.disableButton('.btn-ok', {colorClass: 'green'});
                },
                okCallback: function () {
                    _ajaxUploadLogo();
                }
            });
        });

        var _ajaxUploadLogo = function () {
            var post = {};
            post.SessionID = UserSession.getSessionID();
            if (pName === 'companydetail.html') {
                post.ServiceId = HoGoUtils.getParameter()['companyID'];
            } else if (pName === 'distributordetail.html') {
                post.ServiceId = HoGoUtils.getParameter()['serviceID'];
            }
            switch (pName) {
                case 'companydetail.html':
                    post.ServiceId = HoGoUtils.getParameter()['companyID'];
                    break;
                case 'distributordetail.html':
                case 'resellermanagerdetail.html':
                    post.ServiceId = HoGoUtils.getParameter()['serviceID'];
                    break;
            }
            $.ajaxFileUpload({
                url: 'api/v1/UpdateLogoImage',
                secureuri: false,
                fileElementId: "inputLogoImg",
                data: post,
                dataType: 'json',
                success: function (data) {
                    if (data.status === "OK") {
                        Modal.closeModal();
                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('myaccount.account_info.change_logo_success'),
                            "autoClose": true,
                            "time": 400
                        });

                        // just update itself
                        if (pName !== 'companydetail.html' && pName !== 'distributordetail.html' && pName !== 'resellermanagerdetail.html') {
                            UserSession.updateLogoImg('img#logoImg', data.file_name);
                        }
                    } else {
                        HoGoUtils.makeNotifyServer({
                            "msg": i18n.t('myaccount.account_info.change_logo_error'),
                            "autoClose": true,
                            "time": 400
                        });
                    }
                }
            });
        };

        // trigger choose logo image
        $('#inputLogoImg').live('change', function () {
            var self = this;
            if (self.files && self.files[0]) {
                var windowUrl = window.URL || window.webkitURL;

                var image = new Image();
                image.onload = function () {
                    // check valid logo image size
                    if (this.width > HoGoConst.MAX_LOGO_WIDTH || this.height > HoGoConst.MAX_LOGO_HEIGHT) {
                        var mgs = $('#invalidImg').text()
                                .replace('%w', HoGoConst.MAX_LOGO_WIDTH + 'px')
                                .replace('%h', HoGoConst.MAX_LOGO_HEIGHT + 'px');

                        $('#invalidImg').text(mgs).show();
                        $('#txtChoose').show();
                        $('#newLogo').hide();

                        // disable button update logo
                        HoGoUtils.disableButton('.btn-ok', {colorClass: 'green'});
                    } else {
                        $('#txtChoose').hide();
                        $('#newLogo').show();
                        $('#invalidImg').hide();
                        // preview image
                        var reader = new FileReader();
                        reader.onload = function (e) {
                            $('#newLogo').attr('src', e.target.result);
                        };

                        reader.readAsDataURL(self.files[0]);

                        // enable button update logo
                        HoGoUtils.enableButton(
                                '.btn-ok',
                                {
                                    colorClass: 'green',
                                    handler: function () {
                                        _ajaxUploadLogo();
                                    }
                                });
                    }
                };
                image.src = windowUrl.createObjectURL(self.files[0]);
            }
        });
    }

    return {
        fStatus: false,
        doUpdate: function () {
            updateCompany();
        },
        doUpdateDistributor: function () {
            updateDistributor();
        },
        doUpdateCompanyPayment: function () {
            updateCompanyPaymentInfo();
        },
        loadCompanyAdminInfo: function () {
            getAdminSessionData().done(function () {
                HoGoUtils.loadPaymentPackage(currency).done(function () {
                    $("input[name=plan][value=" + usagePlan + "]").click();
                    $('form#validationCom').find(':input').bind('keyup focusout', (function () {
                        hasChangeElement();
                    }));

                    $("#language").change(function () {
                        hasChangeElement();
                    });

                    $("form#validationPay input[name=paymentTerm]").on("change", function () {

                        var newPaymentTerm = $("input[name=paymentTerm]:checked").val();
                        if (parseInt(newPaymentTerm) === 4) {

                            $("#otherPaymentTerm").prop("disabled", false).val(paymentTermDes);

                        } else {
                            $("#otherPaymentTerm").prop("disabled", true);
                            $("#otherPaymentTerm").val('');
                        }
                        // check change value
                        hasChangePaymentInfo();
                    });

                    // check change value of usage plan
                    $("form#validationPay input[name=plan]").on("change", function () {
                        hasChangePaymentInfo();
                    });

                    $('#billingCycle').change(function () {
                        hasChangePaymentInfo();
                    });

                    $('form#validationPay').find(':input').bind('keyup focusout', (function () {
                        hasChangePaymentInfo();
                    }));

                    $("#checkAutoSetNewPayment :checkbox").on('change', function () {
                        hasChangePaymentInfo();
                    });
//
//                        getCompanyPaymentCurrent();
//                        getCompanyPaymentHistory();
                });
            });
        },
        loadDistributorAdminInfo: function () {
            HoGoUtils.validateForm('validationDis', Admin);

            $("#ddBillingCycles").multipleSelect({
                selectAll: false,
                selectAllText: i18n.t('myaccount.billing_cycle.select_all_text'),
                allSelected: i18n.t('myaccount.billing_cycle.all_selected'),
                countSelected: i18n.t('myaccount.billing_cycle.count_selected'),
                noMatchesFound: i18n.t('myaccount.billing_cycle.no_matches_found')
            });
            // Get detail
            getDistributorDetail().done(function () {
                $('form#validationDis').find(':input').bind('keyup focusout', (function () {
                    hasChangeElementDis();
                }));
                $("#language, #currentcy, #billingCycle, .cbBilling").change(function () {
                    hasChangeElementDis();
                });
                $(".ms-drop input:checkbox").change(function () {
                    var self = $(this);
                    if (!self.is(':checked')) {
                        // check must large than 1 billing cycle
                        if ($('#ddBillingCycles').multipleSelect('getSelects').length === 0) {
                            Modal.showAlert({
                                title: '',
                                content: i18n.t('myaccount.billing_cycle.select_one_mgs'),
                                onClose: function () {
                                    // reshow dropdown when close modal
                                    setTimeout(function () {
                                        $('.ms-choice').click();
                                    }, 100);
                                }
                            });
                            // set select value before uncheck
                            $('#ddBillingCycles').multipleSelect('setSelects', [self.val()]);
                        }
                    }

                    hasChangeElementDis();
                });
//                HoGoUtils.copyLink('#d_clip_button');
            });

            $(window).bind('beforeunload', function () {
                if (hasChangeElement() === true && redirectable === false) {
                    return "If you leave this page. Your selected data will be discard!";
                }
            });
        },
        registerChangeLogoListener: function () {
            _registerChangeLogoListener();
        },
        init: function () {

            // change href header console Admin
            HoGoUtils.makeHrefHeaderAdmin();

            updateHeader('${title}', 'Images/icon_admin.png');

            if ($('.left-admin-menu li').hasClass('item-user-list-active')) {
                $('.left-admin-menu li').addClass('item-user-list-deactive');
            }
            var pName = HoGoUtils.getPageName();
            HoGoUtils.makeLeftMenuAdmin();
            if (pName === 'systemadmininformation.html') {
                getAdminDetail();
                $("#btnChangePassword").on("click", function () {
                    showChangePasswordPopup();
                });
            }
            if (pName === 'distributoradmininformation.html') {
                Admin.loadDistributorAdminInfo();
                // Click change password button
                $("#btnChangePassword").on("click", function () {
                    showChangePasswordPopup();
                });

                _registerChangeLogoListener();

                // init function for change email
                $("#btnChangeEmailAccount").live('click', function () {
                    showChangeAdminEmailPopup();
                });
            }
            if (pName === 'admininformation.html') {

                HoGoUtils.validateForm('validationCom', Admin);
                HoGoUtils.validateForm('validationPay', Admin);

                Admin.loadCompanyAdminInfo();
                $('#btnChangePasswordAdminCompany').on("click", function () {
                    showChangePasswordPopupCom();
                });

                $('#btnCancelPaymentCycle,#btnDisableCancelPaymentCycle').live('click', function () {
                    Modal.showConfirmPopup({
                        title: '',
                        content: i18n.t('company.change_cancel_payment'),
                        okCallback: function () {
                            updateCancelPaymentCycle();
                        }
                    });
                });

                $('.btn-cancel-normal-popup').live('click', function () {
                    Modal.closeModal();
                });

                $("#btnChangeEmail").live('click', function () {
                    showChangeCompanyAdminPopup();
                });

                _registerChangeLogoListener();
            }
        }
    };
}(jQuery));

//
// Manage init objects on HoGo app after language has been initilized
//
var HoGoObjects = (function ($, i18n) {

    var init = false;

    var readyLang = false;

    /**
     * Init some controls after I18 is ready to use. Using for both Login/Logout state.
     * @returns {undefined}
     */
    function initStuffAfterReadyLang() {

        readyLang = true;

        // Validation language & regrex. https://github.com/posabsolute/jQuery-Validation-Engine
        $.fn.validationEngineLanguage = function () {
        };

        $.validationEngineLanguage = {
            newLang: function () {
                if (i18n.lng() === 'ja') {

                    $.validationEngineLanguage.allRules = {
                        "required": {// Add your regex rules here, you can take telephone as an example
                            "regex": "none",
                            "alertText": "* 必須項目です",
                            "alertTextCheckboxMultiple": "* 選択してください",
                            "alertTextCheckboxe": "* チェックボックスをチェックしてください"
                        },
                        //Create by tmhao2005
                        "validGroupEmail": {
                            "regrex": "none",
                            "alertText": "* 無効なメールアドレスか空欄です"
                        },
                        "requiredInFunction": {
                            "func": function (field, rules, i, options) {
                                return (field.val() === "test") ? true : false;
                            },
                            "alertText": "* Field must equal test"
                        },
                        "minSize": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": "文字以上にしてください"
                        },
                        "groupRequired": {
                            "regex": "none",
                            "alertText": "* You must fill one of the following fields"
                        },
                        "maxSize": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": "文字以下にしてください"
                        },
                        "min": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": " 以上の数値にしてください"
                        },
                        "max": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": " 以下の数値にしてください"
                        },
                        "past": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": " より過去の日付にしてください"
                        },
                        "future": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": " より最近の日付にしてください"
                        },
                        "maxCheckbox": {
                            "regex": "none",
                            "alertText": "* チェックしすぎです"
                        },
                        "minCheckbox": {
                            "regex": "none",
                            "alertText": "* ",
                            "alertText2": "つ以上チェックしてください"
                        },
                        "equals": {
                            "regex": "none",
                            "alertText": "* 入力された値が一致しません"
                        },
                        "creditCard": {
                            "regex": "none",
                            "alertText": "* 無効なクレジットカード番号"
                        },
                        "phone": {
                            // credit: jquery.h5validate.js / orefalo
                            "regex": /^([\+][0-9]{1,3}([ \.\-])?)?([\(][0-9]{1,6}[\)])?([0-9 \.\-]{1,32})(([A-Za-z \:]{1,11})?[0-9]{1,4}?)$/,
                            "alertText": "* 電話番号が正しくありません"
                        },
                        "email": {
                            // Shamelessly lifted from Scott Gonzalez via the Bassistance Validation plugin http://projects.scottsplayground.com/email_address_validation/
                            //"regex": /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,
                            "regex": HoGoUtils.patternEmail,
                            "alertText": "* メールアドレスが正しくありません"
                        },
                        "integer": {
                            "regex": /^[\-\+]?\d+$/,
                            "alertText": "* 整数を半角で入力してください"
                        },
                        "number": {
                            // Number, including positive, negative, and floating decimal. credit: orefalo
                            "regex": /^[\-\+]?((([0-9]{1,3})([,][0-9]{3})*)|([0-9]+))?([\.]([0-9]+))?$/,
                            "alertText": "* 数値を半角で入力してください"
                        },
                        "date": {
                            //"regex": /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/,
                            "regex": /^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]{1}\d{1})|([2-9]{1}\d{3}))$/, // mm/dd/yyyy
                            "alertText": "* 日付は半角で MM/DD/YYYY の形式で入力してください"
                        },
                        "ipv4": {
                            "regex": /^((([01]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))[.]){3}(([0-1]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))$/,
                            "alertText": "* IPアドレスが正しくありません"
                        },
                        "url": {
                            "regex": /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,
                            "alertText": "* URLが正しくありません"
                        },
                        "onlyNumberSp": {
                            "regex": /^[0-9\ ]+$/,
                            "alertText": "* 半角数字で入力してください"
                        },
                        "onlyLetterSp": {
                            "regex": /^[a-zA-Z\ \']+$/,
                            "alertText": "* 半角アルファベットで入力してください"
                        },
                        "onlyLetterNumber": {
                            "regex": /^[0-9a-zA-Z]+$/,
                            "alertText": "* 半角英数で入力してください"
                        },
                        // --- CUSTOM RULES -- Those are specific to the demos, they can be removed or changed to your likings
                        "ajaxUserCall": {
                            "url": "ajaxValidateFieldUser",
                            // you may want to pass extra data on the ajax call
                            "extraData": "name=eric",
                            "alertText": "* This user is already taken",
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "ajaxNameCall": {
                            // remote json service location
                            "url": "ajaxValidateFieldName",
                            // error
                            "alertText": "* This name is already taken",
                            // if you provide an "alertTextOk", it will show as a green prompt when the field validates
                            "alertTextOk": "* This name is available",
                            // speaks by itself
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "validate2fields": {
                            "alertText": "* 『HELLO』と入力してください"
                        },
                        "notAllowSpecialCharacters": {
                            "regex": "none",
                            "alertText": "* 記号など特殊文字は使用できません"
                        },
                        "notAllowSpecialCharactersFolder": {
                            "regex": "none",
                            "alertText": "* フォルダー名には次の文字は使用できません。: /\:*?”<>|"
                        }
                    };
                } else {
                    $.validationEngineLanguage.allRules = {
                        "required": {// Add your regex rules here, you can take telephone as an example
                            "regex": "none",
                            "alertText": "* This field is required",
                            "alertTextCheckboxMultiple": "* Please select an option",
                            "alertTextCheckboxe": "* This checkbox is required",
                            "alertTextDateRange": "* Both date range fields are required"
                        },
                        "dateRange": {
                            "regex": /^(Jan|JAN|Feb|FEB|Mar|MAR|Apr|APR|May|MAY|Jun|JUN|Jul|JUL|Aug|AUG|Sep|SEP|Oct|OCT|Nov|NOV|Dec|DEC)[\s{1}|\/|-](3[0-1]|2[0-9]|1[0-9]|0[1-9])[\s{1}|\/|-]\d{4}$/,
                            "alertText": "* Invalid ",
                            "alertText2": "Date Range"
                        },
                        //Create by tmhao2005
                        "validGroupEmail": {
                            "regrex": "none",
                            "alertText": "* This field contains an invalid E-mail address or is empty"
                        },
                        "dateTimeRange": {
                            "regex": /^(Jan|JAN|Feb|FEB|Mar|MAR|Apr|APR|May|MAY|Jun|JUN|Jul|JUL|Aug|AUG|Sep|SEP|Oct|OCT|Nov|NOV|Dec|DEC)[\s{1}|\/|-](3[0-1]|2[0-9]|1[0-9]|0[1-9])[\s{1}|\/|-]\d{4}$/,
                            "alertText": "* Invalid ",
                            "alertText2": "Date Time Range"
                        },
                        "minSize": {
                            "regex": "none",
                            "alertText": "* Minimum ",
                            "alertText2": " characters required"
                        },
                        "maxSize": {
                            "regex": "none",
                            "alertText": "* Maximum ",
                            "alertText2": " characters allowed"
                        },
                        "groupRequired": {
                            "regex": "none",
                            "alertText": "* You must fill one of the following fields",
                            "alertTextCheckboxMultiple": "* Please select an option",
                            "alertTextCheckboxe": "* This checkbox is required"
                        },
                        "min": {
                            "regex": "none",
                            "alertText": "* Minimum value is "

                        },
                        "max": {
                            "regex": "none",
                            "alertText": "* Maximum value is "
                        },
                        "past": {
                            "regex": /^(Jan|JAN|Feb|FEB|Mar|MAR|Apr|APR|May|MAY|Jun|JUN|Jul|JUL|Aug|AUG|Sep|SEP|Oct|OCT|Nov|NOV|Dec|DEC)[\s{1}|\/|-](3[0-1]|2[0-9]|1[0-9]|0[1-9])[\s{1}|\/|-]\d{4}$/,
                            "alertText": "* Date prior to "
                        },
                        "future": {
                            "regex": /^(Jan|JAN|Feb|FEB|Mar|MAR|Apr|APR|May|MAY|Jun|JUN|Jul|JUL|Aug|AUG|Sep|SEP|Oct|OCT|Nov|NOV|Dec|DEC)[\s{1}|\/|-](3[0-1]|2[0-9]|1[0-9]|0[1-9])[\s{1}|\/|-]\d{4}$/,
                            "alertText": "* Date past "
                        },
                        "maxCheckbox": {
                            "regex": "none",
                            "alertText": "* Maximum ",
                            "alertText2": " options allowed"
                        },
                        "minCheckbox": {
                            "regex": "none",
                            "alertText": "* Please select ",
                            "alertText2": " options"
                        },
                        "equals": {
                            "regex": "none",
                            "alertText": "* Fields do not match"
                        },
                        "phone": {
                            // credit: jquery.h5validate.js / orefalo
                            "regex": /^([\+][0-9]{1,3}[ \.\-])?([\(]{1}[0-9]{2,6}[\)])?([0-9 \.\-\/]{3,20})((x|ext|extension)[ ]?[0-9]{1,4})?$/,
                            "alertText": "* Invalid phone number"
                        },
                        "email": {
                            // Shamelessly lifted from Scott Gonzalez via the Bassistance Validation plugin http://projects.scottsplayground.com/email_address_validation/
                            //                    "regex": /^((([a-z]|\d|[a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))*@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,
                            "regex": HoGoUtils.patternEmail,
                            //                    "regex": /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,
                            "alertText": "* Invalid email address"
                        },
                        "integer": {
                            "regex": /^[\-\+]?\d+$/,
                            "alertText": "* Not a valid integer"
                        },
                        "number": {
                            // Number, including positive, negative, and floating decimal. credit: orefalo
                            //"regex": /^[\-\+]?(([0-9]+)([\.,]([0-9]+))?|([\.,]([0-9]+))?)$/,
                            //integer only
                            // "regex": /^[0-9]{1,2}$/,
                            "regex": /^[0-9]+$/,
                            "alertText": "* Invalid floating decimal number"
                        },
                        "date": {
                            //"regex": /^(Jan|JAN|Feb|FEB|Mar|MAR|Apr|APR|May|MAY|Jun|JUN|Jul|JUL|Aug|AUG|Sep|SEP|Oct|OCT|Nov|NOV|Dec|DEC)[\s{1}|\/|-](3[0-1]|2[0-9]|1[0-9]|0[1-9])[\s{1}|\/|-]\d{4}$/,
                            "regex": /^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]{1}\d{1})|([2-9]{1}\d{3}))$/, // mm/dd/yyyy
                            "alertText": "* Invalid date, must be in MM/DD/YYYY format"
                        },
                        "ipv4": {
                            "regex": /^((([01]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))[.]){3}(([0-1]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))$/,
                            "alertText": "* Invalid IP address"
                        },
                        "url": {
                            "regex": /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,
                            "alertText": "* Invalid URL"
                        },
                        "onlyNumberSp": {
                            "regex": /^[0-9\ ]+$/,
                            "alertText": "* Numbers only"
                        },
                        "onlyLetterSp": {
                            "regex": /^[a-zA-Z\ \']+$/,
                            "alertText": "* Letters only"
                        },
                        "onlyLetterNumber": {
                            "regex": /^[0-9a-zA-Z]+$/,
                            "alertText": "* No special characters allowed"
                        },
                        "notAllowSpecialCharacters": {
                            "regex": "none",
                            "alertText": "* No special characters allowed"
                        },
                        "notAllowSpecialCharactersFolder": {
                            "regex": "none",
                            "alertText": "* The folder name can't contain any of the following characters: /\\:*?”<>|"
                        },
                        // --- CUSTOM RULES -- Those are specific to the demos, they can be removed or changed to your likings
                        "ajaxUserCall": {
                            "url": "ajaxValidateFieldUser",
                            // you may want to pass extra data on the ajax call
                            "extraData": "name=eric",
                            "alertText": "* This user is already taken",
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "ajaxUserCallPhp": {
                            "url": "ajaxvalidate/ajaxValidateFieldUser.php",
                            // you may want to pass extra data on the ajax call
                            "extraData": "name=eric",
                            // if you provide an "alertTextOk", it will show as a green prompt when the field validates
                            "alertTextOk": "* This username is available",
                            "alertText": "* This user is already taken",
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "ajaxNameCall": {
                            // remote json service location
                            "url": "ajaxValidateFieldName",
                            // error
                            "alertText": "* This name is already taken",
                            // if you provide an "alertTextOk", it will show as a green prompt when the field validates
                            "alertTextOk": "* This name is available",
                            // speaks by itself
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "ajaxNameCallPhp": {
                            // remote json service location
                            "url": "ajaxvalidate/ajaxValidateFieldName.php",
                            // error
                            "alertText": "* This name is already taken",
                            //		"alertTextOk": "* This name is available",
                            // speaks by itself
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "ajaxEmailCallPhp": {
                            // remote json service location
                            "url": "ajaxvalidate/ajaxValidateFieldEmail.php",
                            // error
                            "alertText": "* This name is already taken",
                            // speaks by itself
                            "alertTextLoad": "* Validating, please wait"
                        },
                        "validate2fields": {
                            "alertText": "* Please input HELLO"
                        },
                        //tls warning:homegrown not fielded 
                        "dateFormat": {
                            //"regex": /^(Jan|JAN|Feb|FEB|Mar|MAR|Apr|APR|May|MAY|Jun|JUN|Jul|JUL|Aug|AUG|Sep|SEP|Oct|OCT|Nov|NOV|Dec|DEC)[\s{1}|\/|-](3[0-1]|2[0-9]|1[0-9]|0[1-9])[\s{1}|\/|-]\d{4}$/,
                            "regex": /^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]{1}\d{1})|([2-9]{1}\d{3}))$/,
                            "alertText": "* Invalid Date"
                        },
                        //tls warning:homegrown not fielded 
                        "dateTimeFormat": {
                            "regex": /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])\s+(1[012]|0?[1-9]){1}:(0?[1-5]|[0-6][0-9]){1}:(0?[0-6]|[0-6][0-9]){1}\s+(am|pm|AM|PM){1}$|^(?:(?:(?:0?[13578]|1[02])(\/|-)31)|(?:(?:0?[1,3-9]|1[0-2])(\/|-)(?:29|30)))(\/|-)(?:[1-9]\d\d\d|\d[1-9]\d\d|\d\d[1-9]\d|\d\d\d[1-9])$|^((1[012]|0?[1-9]){1}\/(0?[1-9]|[12][0-9]|3[01]){1}\/\d{2,4}\s+(1[012]|0?[1-9]){1}:(0?[1-5]|[0-6][0-9]){1}:(0?[0-6]|[0-6][0-9]){1}\s+(am|pm|AM|PM){1})$/,
                            "alertText": "* Invalid Date or Date Format",
                            "alertText2": "Expected Format: ",
                            "alertText3": "mm/dd/yyyy hh:mm:ss AM|PM or ",
                            "alertText4": "yyyy-mm-dd hh:mm:ss AM|PM"
                        }
                    };
                }
            }
        };

        $.validationEngineLanguage.newLang();

        // Custom all class .ck
        $('.ck,.chkbox,.checkAll').customInput(); //  ,input:radio

        // Should init all login-state object 
        HoGoUtils.validateForm('validation');

        // To avoid load resource files after validationEngine (vE) has loaded before
        $("#validation").validationEngine('updateOptions', {allrules: $.validationEngineLanguage.allRules});

        // Datepicker
        var reg = (i18n.lng() === 'ja') ? 'ja' : 'en-GB';

        $.datepicker.setDefaults($.datepicker.regional[reg]);

        $("input.datepicker").datepicker({//Refer API: http://api.jqueryui.com/datepicker/
            autoSize: true,
            dateFormat: 'mm/dd/yy',
            //changeMonth: true,
            //changeYear: true,
            onSelect: function (dateText, inst) {
//                var date = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings);
//                var dateText1 = $.datepicker.formatDate("D, d M yy", date, inst.settings);
//                date.setDate(date.getDate() + 7);
//                var dateText2 = $.datepicker.formatDate("D, d M yy", date, inst.settings);
            }
//            onClose: function(){
//                $(this).trigger('blur');
//            }
        });

        var pName = HoGoUtils.getPageName();
        if (pName === 'signup.html' || pName === 'adduser.html') {
            HoGoUtils.renderNameBaseLang(HoGoUtils.getPageName(), i18n.lng());
        }
        // Error notice
        if (pName === 'errornotice.html') {
            ErrorNotice.init();
        }

        if (pName === 'onlineview.html') {
            ViewOnline.init();
        }

        if (pName === 'activationpage.html') {
            Registration.activateUser();
        }

        // Placeholder
        $('input').placeholder();

        // A default tooltip apply for all element has class ".tooltip"
        HoGoObjects.initDefaultTooltip();
    }

    /**
     * Setup object for user login state & render user's information on view
     * @param sessionData : user's session
     * @returns {undefined}
     */
    function setupLoginState(sessionData) {

        if (typeof i18n !== 'undefined') {

            // Render name/points
            UserSession.renderNameAndPoint(sessionData);

            var lang = sessionData.lang;

            var browserLang = HoGoUtils.detectBrowserLang();

            var needForUpdate = true;

            // If user is not set language setting before. 
            // (=>) First time login -> Update lang setting for this user (background task - Should not notify user of this change)
            if (typeof lang === 'undefined' || lang === '') {
                // New lang need for update
                lang = 'auto-' + browserLang; // Example: auto-en
                // Using auto as default
                initI18N(browserLang, true);
            } else {
                // Update language for this user if they change their language on browser. This task only works for auto options
                var lLang = lang.split('-');
                if (lLang[0] === 'auto') {

                    if (typeof lLang[1] === 'undefined') { // Check user has changed their browser's language or not. // undefined case????
                        // Call to update
                        lang = 'auto-' + browserLang;
                    } else {
                        if (lLang[1] !== browserLang) {
                            // Call to update
                            lang = 'auto-' + browserLang;
                        } else
                            needForUpdate = false;
                    }
                    // Using auto as default
                    initI18N(browserLang, true);
                } else {
                    // Specify language
                    needForUpdate = false;
                    // Init specify language
                    initI18N(UserSession.getLang(), true);
                }
            }
            // Submit as default setting for user
            if (needForUpdate) {
                $.ajax({
                    type: "POST",
                    url: "api/v1/UpdateUserInfo",
                    data: {SessionID: UserSession.getSessionID(), Lang: lang, SendMail: false},
                    dataType: "json"
                });
            }
        }
    }

    /**
     * Setup view for logout state
     * @returns {undefined}
     */
    function setupLogoutState() {
        initI18N(HoGoUtils.detectBrowserLang(), false);
    }

    /**
     * Init I18N object. Current implementation, we just support for 2 language [en/jp]. If user sets another language, we'll set default (en)
     * @param {string} lang Lang will be initialized
     * @param {boolean} isLoginState User is in login state or not
     * @returns {boolean}
     */
    function initI18N(lang, isLoginState, isAuto) {

        return i18n.init({
            lng: lang,
            selectorAttr: 'data-hg',
            fallbackLng: HoGoConst.LANG_DEFAULT, // fallback
            resGetPath: 'Resource/' + lang + '.common.json',
            debug: true,
            preload: ['en', 'ja']
        }, function () {

            // Translate whole webpage
            $("html").i18n();

            // Show
            $('.wrapper-page-loader').fadeOut("slow");

            initStuffAfterReadyLang();

            // Login state
            if (isLoginState) {
                // Check UserSession is valid or not before do init again. Avoid init logout state
                if (UserSession.getUserObject() !== null || UserSession.getAdminObject() !== null) {
                    if (!pageInitAlready) {
                        initObjectsLoginState();
                    } else {
                        if (isAuto) {
                            $("#language").val('auto').selectmenu();
                        } else
                            $("#language").val(lang).selectmenu();

                        var pageName = HoGoUtils.getPageName();
                        BoxIntegrate.init();
                        if (pageName === "admininformation.html")
                            Admin.loadCompanyAdminInfo();

                        if (pageName === "distributoradmininformation.html")
                            Admin.loadDistributorAdminInfo();
                    }
                }

            } else {
                initObjectLogoutState();
            }

            // Warning when user is using IE8 //
            var browserVersion = ClientInfo.getBrowserVersion();
            if (ClientInfo.getBrowser() === 'IE') {
                // Old browser
                if (browserVersion === '8.0' || browserVersion === '7.0' || browserVersion === '6.0') {
                    // Warning...
                    setTimeout(function () {
                        Modal.showAlert({
                            title: i18n.t('notification.warning_old_browser.title'),
                            content: i18n.t('notification.warning_old_browser.content')
                        });
                    }, 300);
                }
            }
        });
    }
    ;

    /**
     * Init specify object for specify page. This function is using for login state
     * @returns {undefined}
     */
    function initObjectsLoginState() {

        // Login state
        if ($('#loginState').length > 0) {
            //Init class need to be loaded after Internationalization totally loaded. Login state
            ToolTip.init();
            // Notification using only for user
            if (UserSession.getUserObject() !== null)
                Notification.init();
        }

        // Get page name
        var pName = HoGoUtils.getPageName();
        // Addressbook
        if (pName === 'addressbooklist.html' || pName === 'recipientdetail.html' || pName === 'addrecipient.html' || pName === 'recipientdetailadmin.html' || pName === 'addgrouprecipient.html' || pName === 'grouprecipientdetail.html') {
            AddressBook.init();
        }

        // MyDocument
        if (pName === 'mydocumentlist.html' || pName === 'mydocumentdetail.html' || pName === 'adddocument.html' || pName === 'mydocumentfolderdetail.html' || pName === 'mydocumentdetailadmin.html' || pName === 'mydocumentfolderdetailadmin.html') {
            MyDocument.init();
        }
        // History part
        if (pName === 'history.html') {
            History.init();
            History.makeHistoryList();
        }

        // Package
        if (pName === 'packagedetaildownload.html' || pName === 'packagedetaildownloadadmin.html') {
            Package.init();
        }

        // My account
        if (pName === 'myaccount.html' || pName === 'paymentinfo.html') {

            require(['https://js.stripe.com/v2/']);

            if (pName === 'myaccount.html') {
                MyAccount.init();
                BoxIntegrate.init();
            }

//            Payment.init();
        }

        if (pName === 'userlist.html' || pName === 'userdetail.html' || pName === 'adduser.html') {
            User.init();
        }

        //Admin
        if (pName === "admininformation.html" || pName === "distributoradmininformation.html" || pName === "systemadmininformation.html") {
            Admin.init();
        }

        if (pName === 'buypoint.html' || pName === 'buypoint.htm' || pName === 'buypoint') {
            Payment.loadByPointPage();
        }

        if (pName === 'gmopaymentcompleted.html' || pName === 'gmopaymentcompleted.htm' || pName === 'gmopaymentcompleted') {
            Payment.completedGMOPayment();
        }

        // Affiliate
        if (pName === 'affiliatelist.html' || pName === 'affiliatedetail.html' || pName === 'addaffiliate.html' || pName === "reporthistoryaffiliate.html") {
            Affiliate.init();
        }

        if (pName === 'packagedetaildownloadadmin.html' || pName === 'packagedetaillinkadmin.html') {
            User.init();
        }

        if (pName === 'service.html' || pName === "addservice.html" || pName === "companydetail.html" || pName === "dashboard.html") {
            if (pName === 'companydetail.html') {
                Admin.registerChangeLogoListener();
            }
            CompanyService.init();
        }

        if (pName === 'distributorreports.html') {
            CompanyReports.init();
        }

        if (pName === 'resellermanagerlist.html' || pName === 'addresellermanager.html' || pName === 'resellermanagerdetail.html') {
            ResellerAdmin.init();
        }

        if (pName === 'companydashboard.html') {
            CompanyDashboard.init();
        }

        if (pName === 'distributor.html' || pName === "adddistributor.html" || pName === "distributordetail.html") {
            if (pName === 'distributordetail.html') {
                Admin.registerChangeLogoListener();
            }
            Distributor.init();
        }

        if (pName === 'boxgrantaccess.html') {
            BoxGrantAccess.innit();
        }

        if (pName === 'boxenablesyncnotice.html') {
            BoxEnableSync.innit();
        }

        //Company Recipient
        if (pName === 'companyrecipientlist.html' || pName === 'companyrecipientdetail.html' || pName === 'addcompanyrecipient.html') {
            CompanyRecipient.init();
        }
        if (pName === 'companyreport.html') {
            CompanyUserReports.init();
        }
        if (pName === 'companyhistory.html') {
            CompanyHistory.init();
        }
        // innit company dashboard
        if (pName === "dashboardcompany.html" || pName === "companyreport.html" || pName === "companyhistory.html") {
            HoGoUtils.makeLeftMenuAdmin();
        }

        // Navi manage
        HoGoUtils.manageActionsOnPage(pName);

        // Already init
        pageInitAlready = true;
    }

    /**
     * Init object related logout state & some controls using for both state
     * @returns {undefined}
     */
    function initObjectLogoutState() {

        // Login page
        if ($('#login').length > 0) {
            Login.init();
            //require(['https://apis.google.com/js/client.js']);
        }

        var pName = HoGoUtils.getPageName();
        if (pName === 'downloadpdf.html') {
            HoGoDownload.init();
        }

        if (pName === 'signup.html' || pName === 'referral.html')
            Registration.init();
        require(['https://apis.google.com/js/client.js']);

        if (pName === 'signupcom.html') {
            SignupCompany.init();
        }
    }

    return {
        isLangReady: function () {
            return readyLang;
        },
        /**
         * Init entire HoGo's object
         * @returns {undefined}
         */
        init: function () {

            if (init === false) {

                /**================== CUSTOM OUR STYLE ============== **/

                // Selectmenu
                $('select').not("select.chzn-select,select[multiple],select#box1Storage,select#box2Storage,select#country,select#state").selectmenu({
                    // style: 'popup'
                });

                // Default class for submit form
                $('a.submit_form').on('click', function () {

                    var form_id = $(this).parents('form').attr('id');

                    $("#" + form_id).submit();
                });

                // Mask input {datepicker / numberphone}
                $('.phone').mask('(999) 999-9999');
//                $('.datepicker').mask('99/99/9999'); // mm/dd/yy

                // Logout
                $('#logoutLink').click(function () {
                    $.ajax({
                        type: "POST",
                        data: {SessionID: UserSession.getSessionID()},
                        timeout: HoGoConst.APITimeout,
                        url: "api/v1/Logout",
                        dataType: "json",
                        success: function () {

                            if (UserSession.getUserObject()) {

                                UserSession.clearSessionID();
                                $.cookie('boxToken', "");
                                $.cookie("c_folderId", null);
                                window.location.href = "login";
                            } else {

                                UserSession.clearSessionID();
                                $.cookie('boxToken', "");
                                window.location.href = "admin/login";
                            }

                        }
                    });
                });

                $('.wrapper-profile a').hover(
                        function () {
                            $(this).find('i').removeClass('bg-bt-profile-setting-off').addClass('bg-bt-profile-setting-on');
                        },
                        function () {
                            $(this).find('i').removeClass('bg-bt-profile-setting-on').addClass('bg-bt-profile-setting-off');
                        });

                // Login state
                if ($('#loginState').length > 0 || $('#login').length > 0) {

                    //
                    // CHECKING USER SESSION
                    //

                    // Get user session
                    var chain = UserSession.getSessionData().pipe(function (sessionData) {

                        if (sessionData.status === 'OK') {

                            if (HoGoUtils.getPageName() === 'login.html' || HoGoUtils.getPageName() === 'administrator.html') {

                                Login.fnGoLandingPage(sessionData);
                            } else {
                                // Get datatable information
                                $.getJSON('Resource/' + UserSession.getLang() + '.datatable.json', function (data) {
                                    // Set value to DTUtils
                                    DTUtils.DTLang = data;
                                    // User login state
                                    setupLoginState(sessionData);
                                });
                            }
                        } else {
                            return UserSession.getAdminSessionData();
                        }
                    });

                    // Admin data
                    chain.done(function (data) {

                        if (typeof data !== 'undefined') {

                            if (data.status === 'OK') {
                                var name = "";
                                var lang;
                                var lLang = data.adminlang.split('-');
                                if (lLang[0] === 'auto' || data.adminlang === '')
                                    lang = HoGoUtils.detectBrowserLang();
                                else
                                    lang = data.adminlang;

                                if (lang === 'ja') {
                                    name = data.last_name + " " + data.first_name + " 様";
                                } else {
                                    name = data.first_name + " " + data.last_name;
                                }

                                // Render admin's information
                                $('#profileLink').text(name);

                                //Redirect to admin if at login page
                                if (HoGoUtils.getPageName() === 'administrator.html' || HoGoUtils.getPageName() === 'login.html') {

                                    switch (parseInt(data.service_level)) {
                                        case HoGoConst.SYSTEM_ADMIN:
                                            window.location.href = serverHostAPI + 'Distributor';
                                            break;
                                        case HoGoConst.COMPANY_ADMIN:
                                            window.location.href = serverHostAPI + 'UserList';
                                            break;
                                        case HoGoConst.DISTRIBUTOR:
                                            window.location.href = serverHostAPI + 'Service';
                                            break;
                                        default :
                                            break;
                                    }
                                } else {

                                    var lang = data.adminlang;

                                    var browserLang = HoGoUtils.detectBrowserLang();

                                    var needForUpdate = true;

                                    // If user is not set language setting before. 
                                    // (=>) First time login -> Update lang setting for this user (background task - Should not notify user of this change)
                                    if (typeof lang === 'undefined' || lang === '') {
                                        // New lang need for update
                                        lang = 'auto-' + browserLang; // Example: auto-en
                                        // Using auto as default
                                        initI18N(browserLang, true);
                                    } else {
                                        // Update language for this user if they change their language on browser. This task only works for auto options
                                        var lLang = lang.split('-');
                                        if (lLang[0] === 'auto') {

                                            if (typeof lLang[1] === 'undefined') { // Check user has changed their browser's language or not. // undefined case????
                                                // Call to update
                                                lang = 'auto-' + browserLang;
                                            } else {
                                                if (lLang[1] !== browserLang) {
                                                    // Call to update
                                                    lang = 'auto-' + browserLang;
                                                } else
                                                    needForUpdate = false;
                                            }
                                            // Using auto as default
//                                            initI18N(browserLang, true);
                                            $.getJSON('Resource/' + browserLang + '.datatable.json', function (data) {

                                                DTUtils.DTLang = data;
                                                // Admin login state - Using default language
                                                initI18N(browserLang, true);
                                            });
                                        } else {
                                            // Specify language
                                            needForUpdate = false;
                                            // Init specify language
//                                            initI18N(UserSession.getLang(), true);
                                            $.getJSON('Resource/' + UserSession.getAdminLang() + '.datatable.json', function (data) {

                                                DTUtils.DTLang = data;
                                                // Admin login state - Using default language
                                                initI18N(UserSession.getAdminLang(), true);
                                            });
                                        }
                                    }
                                }

                                // Render top bar color
                                switch (parseInt(data.service_level)) {
                                    case HoGoConst.COMPANY_ADMIN:

                                        $(".logo-admin-console").css({"background": "url(Images/menu/company-topbar.jpg) repeat"});
                                        break;
                                    case HoGoConst.DISTRIBUTOR:
                                        $(".logo-admin-console").css({"background": "url(Images/menu/reseller-topbar.jpg) repeat"});
                                        break;
                                    default :
                                        break;
                                }
                            } else {
                                //Redirect to login if trying to go inside
                                if ($('#loginState').length > 0)
                                    window.location.href = 'admin/login';
                                else
                                    // Logout state
                                    setupLogoutState();
                            }
                        }
                    });
                } else { // Logout state
                    // Logout state
                    setupLogoutState();
                }

                init = true;
                return init;
            } else {
                return init;
            }
        },
        /**
         * Re-init language & HoGo's objects
         * @param {type} lang
         * @returns {undefined}
         */
        translateAndInitLoginState: function (lang, isAuto) {
            initI18N(lang, true, isAuto);
        },
        initDefaultTooltip: function () {
            // Tooltipster
            $('.tooltip').tooltipster({interactive: true, theme: 'hg-theme'});
        },
        translateAndInitLogoutState: function (lang) {
            initI18N(lang, false);
        }
    };

}(jQuery, i18n));

//
// Starting objects after DOM get ready
//
$(function () {

    // Display while loading
    if ($('.wrapper-page-loader').length === 0)
        $('<div class="wrapper-page-loader"><div class="page-loader"></div></div>').appendTo('body');

    // Once DOM is ready, we will show body again, we don't want user see anything when DOM is not ready so that we set CSS (reset - display: none) 
    HoGoObjects.init();
});

//Get base name from file
function basename(path, suffix) {
    var b = path.replace(/^.*[\/\\]/g, '');
    if (typeof (suffix) === 'string' && b.substr(b.length - suffix.length) === suffix) {
        b = b.substr(0, b.length - suffix.length);
    }
    return b;
}

/**
 * Determine action when user's session timeout
 * @param {string} data : Data return from API
 * @param {string} msg (optional): Error text will be shown in case of showing popup 
 * @param {string} pageRedirect (optional) : Page name will be redirected to if there's not case of timeout
 */
function fnSessionTimeout(data, msg, pageRedirect) {
    if (data.status === APIConst.sessionIdNotFound || data.status === APIConst.adminSessionRequired) {
        window.onbeforeunload = null;
        window.location.href = 'login';
    } else {
        if (typeof pageRedirect !== 'undefined') {
            window.location.href = pageRedirect;
        } else {
            if (typeof msg === 'undefined' || msg === null || msg === '') {
                HoGoUtils.writeLog(data.status_desc);
                Modal.showAlert({content: i18n.t('error.unknown')});
            } else {
                Modal.showAlert({content: msg});
            }
        }
    }
}

/**
 * Collect required data send to server in recipient/document history list table
 * @param {object}: aoData datatable object contains data to send out
 * @param {String}: recipientID recipient ID
 * @param {String}: documentID document ID
 * @return {object}
 */
function historyRecipientDocumentPostData(aoData, recipientID, documentID) {
    var post = {};
    var colSort;
    var sortType;
    $.each(aoData, function (x, y) {
        if (y.name === "sEcho") {
            post["sEcho"] = y.value;
        }
        if (y.name === "iDisplayStart") {
            post["DisplayStart"] = y.value;
        }
        if (y.name === "iDisplayLength") {
            post["DisplayLength"] = y.value;
        }
        if (y.name === "iSortCol_0") {
            colSort = y.value;
        }
        if (y.name === "sSortDir_0") {
            sortType = y.value;
        }
    });
    switch (colSort) {
        case 0:
            if (sortType === "asc")
                post["SortType"] = 1;
            else
                post["SortType"] = 2;
            break;
//        case 1:
//            if (sortType === "asc")
//                post["SortType"] = 3;
//            else
//                post["SortType"] = 4;
//            break;
//        case 2:
//            if (sortType === "asc")
//                post["SortType"] = 5;
//            else
//                post["SortType"] = 6;
//            break;
    }
    if (documentID === "undefined")
        post["RecipientID"] = recipientID;
    else
        post["DocumentID"] = documentID;

    post["SessionID"] = UserSession.getSessionID();
    post["UserID"] = HoGoUtils.getParameter()["userID"];
    return post;
}

/**
 * Get returnPath from sent page
 */
function getReturnPath() {
    var hashes = window.location.href.split('returnPath');
    var url = hashes[1].substr(1, hashes[1].length);
    return url;
}

/*
 * This function is used to convert date to HoGo format date MMM/dd/yyyy
 * @param {String}: date string date
 * @return {String}: Date string with format {MMM/dd/yyyy}
 */
function convertDate(date) {

    var months = new Array(
            "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
    if (date !== undefined) {

        var dateObj = new Date(date);

        if (Object.prototype.toString.call(dateObj) === "[object Date]") {

            if (isNaN(dateObj.getTime())) {
                return date;
            } else {

                return months[dateObj.getMonth()] + "/" + ("0" + dateObj.getDate()).slice(-2) + "/" + dateObj.getFullYear();
            }
        } else {
            //Not format date object
            return "N/A";
        }
    } else {
        return "N/A";
    }
}

/**
 * Convert date object to string format date (MM/dd/yyyy)
 * @param {Date}: dateObj Input date
 * @return {string} string format date (MM/dd/yyyy)
 */
function convertFromDateObject(dateObj) {

    if (Object.prototype.toString.call(dateObj) === "[object Date]") {
        return ("00" + (dateObj.getMonth() + 1)).slice(-2) + "/" + ("00" + dateObj.getDate()).slice(-2) + "/" + dateObj.getFullYear();

    } else {
        return "N/A";
    }
}

/* Convert cent to $ or free
 * @param {number} cent The cent number
 * @return {string} $
 */
function convertCentToUSD(cent, currency) {

    if (cent !== undefined) {
        if (cent === 0)
            return "FREE";
        else
        {
            if (currency === 'YEN')
            {
                return "¥" + cent;
            } else
            {
                var usd = "$" + cent / 100;
                return usd;
            }
        }
    } else
        return "";
}

/**
 * This function is used to convert date from MMM/dd/yyyy to normal format date
 * @param {String}: date string date
 * @returns {String}: date with format {MM/dd/yyyy}
 */
function convertToDate(date) { //Mar/31/2014 to 31/03/2014
    var d = {};
    d = date.split("/");
    var months = {};
    months["Jan"] = "01";
    months["Feb"] = "02";
    months["Mar"] = "03";
    months["Apr"] = "04";
    months["May"] = "05";
    months["Jun"] = "06";
    months["Jul"] = "07";
    months["Aug"] = "08";
    months["Sep"] = "09";
    months["Oct"] = "10";
    months["Nov"] = "11";
    months["Dec"] = "12";
    return d[1] + "/" + months[d[0]] + "/" + d[2];
}

/**
 * Calculate the days before 
 * @param {number}: days Number of days will be decreased
 * @return {object} Date
 */
function calculateDateBefore(days) {
    var d = new Date();
    return convertDate(new Date(d.getFullYear(), d.getMonth(), d.getDate() - days, d.getHours(), d.getMinutes(), d.getSeconds()));
}

/**
 * This function is used to convert status of address book history from number to text
 * @param {int}: statusNumber send method status 
 */
function convertSentMethodToText(statusNumber) {
    switch (statusNumber) {
        case 1:
            return i18n.t('history.method.sent_method_download');
            break;
        case 2:
            return i18n.t('history.method.sent_method_online');
            break;
        case 3:
            return i18n.t('history.method.send_method_specify');
            break;
        case 4:
            return i18n.t('history.method.send_method_anonymous');
            break;
        default:
            return "Unknown";
            break;
    }
}

/**
 * This function is used to display loading indicator on view when page is loaded
 * @param {String}: idElement element ID created
 * @param {String}: parentSelector parent contains idElement
 */
function appendLoading(idElement, parentSelector) {

    $(parentSelector).append("<img id=\"" + idElement + "\" src=\"Images/loadder/loading_2.gif\"/ style=\"width: 24px; height: 24px;\">");

    $("#" + idElement).center();
}

/**
 * This function is used to display loading indicator on view when page is loaded
 * @param {String}: idElement element ID created
 * @param {String}: parentSelector parent contains idElement
 * @param {String}: message message show when loading 
 * @param {boolean}: disable or not background. It's optional param
 */
function appendLoadingWithText(idElement, parentSelector, message, disable) {

    if ($(parentSelector).find('#' + idElement).length === 0) {

        var p = "<div id=\"" + idElement + "\" class='indicator_processing'><img src='Images/loadder/loader_circle.gif'></img><span>" + message + "</span></div>";

        //$(parentSelector).append(p);

        if (disable !== undefined && disable !== null) {

            var x = $('<div class="hogo-bg-overlay" />').append(p);
            $(parentSelector).append(x);

        } else {
            // No background overplay
            $(parentSelector).append(p);
        }

        $("#" + idElement).show();
    } else {

        $('#' + idElement).show();
    }
}

/*
 * This function is used to remove indicator when processing stopped
 * @param {String}: idLoading id is removed from page
 */
function removeLoading(idLoading) {
    //Remove overplay
    if ($(".hogo-bg-overlay").length > 0)
        $(".hogo-bg-overlay").remove();
    $("#" + idLoading).remove();
}

/**
 * Create iframe
 * @param {String}: src source iframe
 * @param {int}: width witdh iframe
 * @param {int}: height heigh iframe
 * @param {String}: parentContainIframeID the ID of parent contains this iframe
 */
function createIframe(src, width, height, parentContainIframeID) {
    var i = document.createElement("iframe");
    i.src = src;
    i.scrolling = "no";
    i.frameborder = "0";
    i.width = width;
    i.height = height;
    document.getElementById(parentContainIframeID).appendChild(i);
    return i;
}

// Check and replace href www.hogodoc.com to www.hogodoc.com/ja/ if language is japanese
function replaceURLJapanseVersion() {
    var lang = window.navigator.browserLanguage || window.navigator.language;
    var language = lang.substr(0, 2);
    switch (language) {
        case 'ja':
            $('a').each(function () {
                var url = this.href;
                if (url.indexOf("www.hogodoc.com") > 0 && url.indexOf("login") < 0 && url.indexOf("signup") < 0 && url.indexOf("forgotPassword") < 0)
                {
                    url = url.replace('www.hogodoc.com', 'www.hogodoc.com/ja');
                    $(this).attr('href', url);
                }
            });
            break;
        default:
            break;
    }
}

/**
 * Convert file size from byte
 * @param {type} bytes
 * @returns {String}
 */
function bytesToSize(bytes) {
    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
    if (bytes === 0)
        return 'n/a';
    var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
    if (i === 0)
        return bytes + ' ' + sizes[i];
    return (bytes / Math.pow(1024, i)).toFixed(1) + ' ' + sizes[i];
}
;

Object.size = function (obj) {
    var size = 0, key;
    for (key in obj) {
        if (obj.hasOwnProperty(key))
            size++;
    }
    return size;
};

(function ($) {

    $(document).ajaxSend(function (event, jqxhr, settings) {
        var url = settings.url;
        var newUrl = serverHostAPI + url;
        settings.url = newUrl;
        // Try to avoid json string contain control characters like tab or new line
        if (settings.dataType === "json") {
            settings.dataFilter = function (response, type) {
                var original = response;
                try {

                    var response = JSON.stringify(response);
                    response = response.replace(/\\t/g, "\\t").replace(/\\n/g, "\\n");
                    var normalize = JSON.parse(response);

                    return normalize;
                } catch (e) {
                    return original;
                }

            };
        }
    });

}(jQuery));