var InfoPoint = function (parent) {
    this.Parent = parent;
    this.Point = null;

    this.Startup = function () {
        $('.icon-view .icon-col').on('click', this.OnColClick.bind(this));
        $('#close-info-dialog').on('click', this.HideDialog.bind(this));
        $('#dialog-info-point-sure').on('click', this.OnSureClick.bind(this));
        $('#dialog-info-point-cancel').on('click', this.HideDialog.bind(this));
    };

    this.OnColClick = function (event) {
        $('.icon-view .icon-col').removeClass("active");

        var label = $(event.target).is('img') ? $(event.target).parent('div') : $(event.target);
        label.addClass("active");
    };

    this.HideDialog = function () {
        $('#dialog-info-point').hide();
        $('#map').css('cursor', 'grab');
        this.Parent.isMark = false;
    };

    this.ShowDialog = function (point) {
        this.Point = point;
        $('#dialog-info-point').show();
        $("#title").textbox('setValue', '');

        $('.icon-view .icon-col').removeClass("active");
        $('.icon-view .icon-col').eq(0).addClass("active");
    };

    this.OnSureClick = function () {
        this.validation();
    }

    this.validation = function () {
        if ($("#title").textbox('getValue').trim() === '') {
            alert('请输入标题');
            return
        } else {
            $.ajax({
                type: "POST",
                dataType: 'text',
                url: '/Point/Add',
                data: {
                    Title: $("#title").textbox('getValue'),
                    Icon: $('.icon-view .active').attr('name'),
                    Longitude: this.Point.lng,
                    Latitude: this.Point.lat,
                    region: 'mg'
                },
                success: function (result) {
                    this.Parent.AddInfoPoint(this.Point, $("#title").textbox('getValue'), $('.icon-view .active').attr('name'), result);
                    this.HideDialog();
                }.bind(this)
            });
        }
    }
}