//
isDebug = true;
useSignalR = true;
templateUrl = iotCenter + '/App/GetTemplate?number=' + new URI().search(true).number;
dataUrl = iotCenter + '/App/GetNode?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 = {
    GetScenes() {
        return Enumerable.from(this.model.Scenes).orderBy('o=>o.DisplayOrder').toArray();
    },
    HasDevices(name) {
        return Enumerable
            .from(this.model.Devices)
            .any(function (o) { return o.Name === name });
    },
    GetDevices(name) {
        return Enumerable.from(this.model.Devices).where(function (o) { return o.Name == name; }).orderBy('o=>o.DisplayOrder').toArray();
    },
    GetDeviceDataAttr(number, name, attr) {
        var device = Enumerable.from(this.model.Devices).where(function (o) { return o.Number === number; }).firstOrDefault();
        var data = Enumerable.from(device.Data).where(o => o.Name === name).firstOrDefault();
        if (data != null) {
            return data[attr];
        }
        return null;
    },
    GetDataValue(number, name) {
        return this.GetDeviceDataAttr(number,name,'Value');
    },
    CameraSelected() {
        console.log('camera selected:' + new Date());
        UpdateCamera();
    },
    VolumeChange(e) {
        muted = e.target.muted;
        volume = e.target.volume;
    },
    CallApi(number, method, query) {
        ajax('/App/ExecApi', { token: token, connectionId: connectionId, number: number, method: method, query: query }, 'post');
    },
    AjaxSubmit(event, deviceNumber, dataName) {
        var device = Enumerable.from(vm.model.Devices)
            .where(function (o) { return o.Number === deviceNumber; })
            .firstOrDefault();
        if (device != null) {
            var data = Enumerable.from(device.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');
        });
    },
    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()+"&token=" + token + "&connectionId=" + connectionId;
        }
        form.find('#Code').val(code);
        Vue.nextTick(function () {
            ajax(url, null, 'get');
        });
    },
    GetDevice(nameOrNumber) {
        return Enumerable.from(this.model.Devices)
            .where(function (o) { return o.Name === nameOrNumber || o.Number === nameOrNumber; })
            .firstOrDefault();
    },
    GetChartDevices() {
        return Enumerable.from(this.model.Devices)
            .where(function (o) { return o.Name === '温湿度传感器' || o.Name === 'PM2.5感应器' || o.Name === '光强检测器' || o.Name === '智能插座'; })
            .orderBy('o=>o.ProductId')
            .toArray();
    }
};
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') {
        toastr.info(item.DisplayName + '更新');
    }
    else if (method == 'DataEntityInserted' ||
        method == 'DataEntityUpdated' ||
        method == 'DataEntityDeleted') {
        var device = Enumerable.from(vm.model.Devices).firstOrDefault(function (o) { return o.Id === item.DeviceId; })
        if (device) {
            updateItem(device.Data, item);
            toastr.info(device.DisplayName + '更新');
            if ($('canvas#' + device.Number).length) {
                UpdateChart(device.Number);
            }
        }
    }
}
start();