/// <reference path="../Scripts/MicrosoftAjax.js" />
/// <reference path="../Scripts/jquery.min.js" />
/// <reference path="fancybox/jquery.fancybox-1.3.4.js" />
/// <reference path="jquery.easyui.min.js" />

Custom_RM_Device = function () {
    this.ApplicationPath = "../";
    this.ControlID = "Window_Custom_XG_Device";
    this.ParentElement = null; //要加入的父容器
    this.DeviceType = 0;
    var My = this;

    var txtName = null;
    var listLeftPerson = null;
    var listRightPerson = null;
    var cmdPersonRightAll = null;
    var cmdPersonLeftAll = null;
    var cmdPersonRight = null;
    var cmdPersonLeft = null;
    var cmdSave = null;
    var cmdGet = null;

    var RightPerson = null;

    var EventHandler = new Sys.EventHandlerList();

    //#region 加载
    this.Load = function () {
        txtName = My.ControlID + "txtName";
        listLeftPerson = My.ControlID + "listLeftPerson";
        listRightPerson = My.ControlID + "listRightPerson";
        cmdPersonRightAll = My.ControlID + "cmdPersonRightAll";
        cmdPersonLeftAll = My.ControlID + "cmdPersonLeftAll";
        cmdPersonRight = My.ControlID + "cmdPersonRight";
        cmdPersonLeft = My.ControlID + "cmdPersonLeft";
        cmdSave = My.ControlID + "cmdSave";
        cmdGet = My.ControlID + "cmdGet";

        Init();

        $("#" + cmdPersonLeftAll, My.ParentElement).click(function () {
            var options = $("#" + listRightPerson, My.ParentElement).find("option");
            if (options.length == 0) { alert("没有可以移除的设备"); return; }

            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var PersonID = $(this).val();
                var query = JSLINQ(RightPerson).Where(function (item) {
                    if (item == PersonID) return item;
                });
                Array.remove(RightPerson, query.items[0]);
                html.append("<option value='" + PersonID + "'>" + $(this).text() + "</option>");
            });
            $('#' + listLeftPerson, My.ParentElement).append(html.toString());
            options.remove();
        });
        $("#" + cmdPersonRightAll, My.ParentElement).click(function () {
            var options = $("#" + listLeftPerson, My.ParentElement).find("option");
            if (options.length == 0) { alert("没有可以添加的设备"); return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var str = $(this).val();
                Array.add(RightPerson, str);
                html.append("<option value='" + str + "'>" + str + "</option>");
            });
            $('#' + listRightPerson, My.ParentElement).append(html.toString());
            options.remove();
        });
        $("#" + cmdPersonLeft, My.ParentElement).click(function () {
            var options = $("#" + listRightPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { alert("请选择要移除的设备"); return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var PersonID = $(this).val();
                var query = JSLINQ(RightPerson).Where(function (item) {
                    if (item == PersonID) return item;
                });
                Array.remove(RightPerson, query.items[0]);
                html.append("<option value='" + PersonID + "'>" + $(this).text() + "</option>");
            });
            $('#' + listLeftPerson, My.ParentElement).append(html.toString());
            options.remove();
        });
        $("#" + cmdPersonRight, My.ParentElement).click(function () {
            var options = $("#" + listLeftPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { alert("请选择要添加的设备"); return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var str = $(this).val();
                Array.add(RightPerson, str);
                html.append("<option value='" + str + "'>" + str + "</option>");
            });
            $('#' + listRightPerson, My.ParentElement).append(html.toString());
            options.remove();
        });

        $("#" + cmdSave, My.ParentElement).click(function () {
            OnSave();
            $.fancybox.close();
        });
        $("#" + cmdGet, My.ParentElement).click(function () {
            RefshRightPerson();
        });


        $("#" + listLeftPerson, My.ParentElement).dblclick(function () {
            var options = $("#" + listLeftPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var str = $(this).val();
                Array.add(RightPerson, str);
                html.append("<option value='" + str + "'>" + str + "</option>");
            });
            $('#' + listRightPerson, My.ParentElement).append(html.toString());
            options.remove();
        });

        $("#" + listRightPerson, My.ParentElement).dblclick(function () {
            var options = $("#" + listRightPerson, My.ParentElement).find("option:selected");
            if (options.length == 0) { return; }
            var html = new Sys.StringBuilder();
            $(options).each(function () {
                var PersonID = $(this).val();
                var query = JSLINQ(RightPerson).Where(function (item) {
                    if (item == PersonID) return item;
                });
                Array.remove(RightPerson, query.items[0]);
                html.append("<option value='" + query.items[0] + "'>" + $(this).text() + "</option>");
            });
            $('#' + listLeftPerson, My.ParentElement).append(html.toString());
            options.remove();
        });

    }
    //#endregion
    //#region 初始化
    function Init() {
        if (My.ParentElement == null) My.ParentElement = $(document.body);
        if ($("#" + My.ControlID, My.ParentElement).length > 0) return;
        var htmlString = new Sys.StringBuilder();
        htmlString.append("<div style='display: none;'>");
        htmlString.append("<div id='" + My.ControlID + "' title='选择' style='width: 400px; height: auto;' >");
        htmlString.append("<table class='tableAll'>");
        htmlString.append("<tr><td><table border='0' cellpadding='0' cellspacing='0' >");
        htmlString.append("<tr>");
        htmlString.append("<td>选择设备地点</td>");
        htmlString.append("<td></td>");
        htmlString.append("<td>已选择设备地点</td>");
        htmlString.append("</tr>");
        htmlString.append("<tr>");
        htmlString.append(" <td><select id='" + listLeftPerson + "' multiple='multiple' style='width: 150px; height: 300px;'></select></td>");
        htmlString.append("<td style='width:80px;' align='center' valign='middle' >");
        htmlString.append("<a id='" + cmdPersonRight + "' href='#' class='easyui-linkbutton' iconcls='icon-next' plain='true'>右移</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonRightAll + "' href='#' class='easyui-linkbutton' iconcls='icon-next' plain='true'>全部右移</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonLeft + "' href='#' class='easyui-linkbutton' iconcls='icon-prev' plain='true'>左移</a>");
        htmlString.append("<br /><br />");
        htmlString.append("<a id='" + cmdPersonLeftAll + "' href='#' class='easyui-linkbutton' iconcls='icon-prev' plain='true'>全部左移</a>");

        htmlString.append(" <td><select id='" + listRightPerson + "' multiple='multiple' style='width: 150px; height: 300px;'></select></td>");
        htmlString.append("</tr></table></td></tr>");
        //htmlString.append("<div style='height:10px;'></div>");
        htmlString.append("<tr><td style='text-align: center'><input id='" + cmdSave + "' class='btnClass btnClassSave' type='button' value='确定' /></td></tr>");
        htmlString.append("</div>");
        My.ParentElement.append(htmlString.toString());

        $("#" + My.ControlID, My.ParentElement).find("a").linkbutton();


    }
    //#endregion
    //#region 显示
    this.Show = function (ListModel) {
        RightPerson = ListModel;
        if (RightPerson == null) RightPerson = new Array();
        RefshRightPerson();
        $.fancybox({
            'autoScale': false,
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'href': '#' + My.ControlID,
            'onStart': function () {
            }
        }, 0);
    }
    //#endregion

    //#region 读取用户信息
    function ReadUserInfo(Persons) {
        var param = new Object();
        param.DeviceNos = Persons;
        $.ajax({
            url: My.ApplicationPath + "UserService.asmx/GetList_RM_Device",
            data: Sys.Serialization.JavaScriptSerializer.serialize(param),
            success: function (data) {
                var html = new Sys.StringBuilder();
                $(data.d).each(function (i) {
                    html.append("<option value='" + this + "'>" + this + "</option>");
                });
                $('#' + listLeftPerson, My.ParentElement).html(html.toString());
            }
        });
    }
    //#endregion


    //#region 刷新已设置人员
    function RefshRightPerson() {
        var html = new Sys.StringBuilder();
        var html2 = new Sys.StringBuilder();
        $(RightPerson).each(function (i) {
            html.append("<option value='" + this + "'>" + this + "</option>");
            html2.append(this + ",");
        });
        var Persons = html2.toString();
        if (Persons != "") Persons = Persons.substr(0, Persons.length - 1);
        $('#' + listRightPerson, My.ParentElement).html(html.toString());
        ReadUserInfo(Persons);
    }
    //#endregion


    //#region 点击确定时触发
    this.Save = function (handler) {
        EventHandler.addHandler('Save', handler);
    }
    //#endregion
    //#region 点击确定时触发
    function OnSave() {
        var h = EventHandler.getHandler('Save');
        if (h) h(RightPerson);
    }
    //#endregion


}