isDebug = true;
useSignalR = true;
dataUrl = iotCenter + '/App/GetDevice?number=' + new URI().search(true).number;
data = function data() {
    return {
        f7params: f7params,
        server: localStorage.getItem('server'),
        token: localStorage.getItem('token'),
        model: null
    };
}
loadDataSuccess = function () {
    Vue.nextTick(function () {
        UpdateCamera();
        UpdateChart();
    });
}
methods = {
    VolumeChange(e) {
        muted = e.target.muted;
        volume = e.target.volume;
    },
    HasChart() {
        var o = this.model;
        return o.Name === '温湿度传感器' || o.Name === 'PM2.5感应器' || o.Name === '光强检测器' || o.Name === '智能插座';
    },
    GetDatas() {
        return Enumerable.from(this.model.Data).orderBy('o=>o.Key').toArray();
    },
    GetDevice(nameOrNumber) {
        return this.model;
    },
    GetDeviceDataAttr(name, attr) {
        var data = Enumerable.from(this.model.Data).where(o => o.Name === name).firstOrDefault();
        if (data != null) {
            return data[attr];
        }
        return null;
    },
    GetDataValue(name) {
        return this.GetDeviceDataAttr(name, 'Value');
    },
    GetDataValueByKey(key) {
        var data = Enumerable.from(this.model.Data)
            .where(function (o) { return o.Key.toLowerCase() === key; })
            .firstOrDefault();
        if (data != null) {
            return data.Value;
        }
        return null;
    },
    GetSimpleApis() {
        return Enumerable.from(this.model.Product.Apis).where(function (o) { return o.Parameters.length === 1; }).orderBy(function (o) { return o.Name;}).toArray();
    },
    GetParameter(api,name) {
        return Enumerable.from(api.Parameters).where(function (o) { return o.Name == name;}).firstOrDefault();
    },
    CallCommand(id) {
        ajax('/App/ExecCommand', { token: token, connectionId: connectionId, id: id }, 'post');
    },
    CallApi(number, method, query) {
        ajax('/App/ExecApi', { token: token, connectionId: connectionId, number: number, method: method, query: query }, 'post');
    },
    AjaxSubmit(event, deviceNumber, dataName) {
        var data = Enumerable.from(this.model.Data)
            .where(function (o) { return o.Name == dataName })
            .firstOrDefault();
        if (data != null) {
            data.Value = $(event.target).val();
        }
        var form = $(event.target).parents('form');
        var url = form.attr('action') + '?' + form.serialize() + "&token=" + token + "&connectionId=" + connectionId;
        Vue.nextTick(function () {
            ajax(url, null, 'get');
        });
    },
    GetButtons() {
        return Enumerable.from(JSON.parse(this.GetDataValue("指令")))
            .orderBy(function (o) { return o.Order; })
            .toArray();
    },
    Study(code) {
        ajax('/App/ExecApi', { token: token, connectionId: connectionId, number: this.model.Number, method: "/Ir/Study", type: 5,code:code }, 'post');
    },
    AddButton() {
        var data = Enumerable.from(this.model.Data)
            .where(function (o) { return o.Name === "指令" })
            .firstOrDefault();
        var buttons = this.GetButtons();
        var newBtn = { Name:"测试", Value:"603",Order:100};
        buttons.push(newBtn);
        data.Value = JSON.stringify(buttons);
    },
    RemoveButton(name) {
        var data = Enumerable.from(this.model.Data)
            .where(function (o) { return o.Name === "指令" })
            .firstOrDefault();
        var buttons = this.GetButtons();
        for (var i = buttons.length - 1; i >= 0; i--) {
            if (buttons[i].Name == name) {
                buttons.splice(i, 1);
                break;
            }
        }
        data.Value = JSON.stringify(buttons);
    },
    SaveButtons() {
        var buttons = [];
        $('#irbuttons').find('.irbtn').each(function () {
            buttons.push({
                Name: $(this).find("input[name='name']").val(),
                Value: $(this).find("input[name='value']").val(),
                Order: $(this).find("input[name='order']").val()
            });
        });
        var value = JSON.stringify(buttons);
        ajax('/App/ExecApi', { token: token, connectionId: connectionId, number: this.model.Number, method: "/Ir/Buttons", buttons: value }, 'post');
    },
    TestButton(code) {
        ajax('/App/ExecApi', { token: token, connectionId: connectionId, number: this.model.Number, method: "/Ir/Send", type: 5, code: code }, 'post');
    },
    SendCode1(event) {
        console.log(event.target + ',' + event.type + ',' + event.target.checked);
        var form = $(event.target).parents('form');
        var url = form.attr('action') + '?' + form.serialize();
        var code = form.find('#Code').val();
        if (form.hasClass('type1')) {
            if (event.target.name == "power" && event.target.value == "1") {
                code = 1;
            }
            else {
                var list = {};
                list['power'] = form.find("[name = 'power']:checked").val();
                list['pattern'] = form.find("[name = 'pattern']:checked").val();
                list['direction'] = form.find("[name = 'direction']:checked").val();
                list['wind'] = form.find("[name = 'wind']:checked").val();
                list['temperature'] = form.find("[name = 'temperature']").val();
                list[event.target.name] = event.target.value;
                code = 0;
                for (var name in list) {
                    code += parseInt(list[name]);
                }
            }
            url = new URI(url).setQuery('Code', code).toString();
        }
        url += "&token=" + token + "&connectionId=" + connectionId;
        form.find('#Code').val(code);
        Vue.nextTick(function () {
            ajax(url, null, 'get');
        });
    }
};
function onMessage(method, json, to, from) {
    debug(method + ':' + json);
    var item = JSON.parse(json);
    console.log(method + ':' + json);
    var item = JSON.parse(json);
    if (method == 'DeviceEntityInserted' ||
        method == 'DeviceEntityUpdated' ||
        method == 'DeviceEntityDeleted') {
        loadData();
    }
    else if (method == 'DataEntityInserted' ||
        method == 'DataEntityUpdated' ||
        method == 'DataEntityDeleted') {
        var device = vm.model.Id == item.DeviceId ? vm.model : null;
        if (device) {
            updateItem(device.Data, item);
            toastr.info(device.DisplayName + '更新');
            if ($('canvas#' + device.Number).length) {
                UpdateChart(device.Number);
            }
            if ($('#camera').val() === device.Number && item.Name === '推流') {
                UpdateCamera();
            }
        }
    }
}
start();