//
isDebug = true;
useSignalR = true;
templateUrl = null;// baseUrl + '/App/GetTemplate?number=' + new URI().search(true).number;
dataUrl = baseUrl + '/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');
    },
    CallScene(id) {
        ajax('/App/ExecScene', { token: token, connectionId: connectionId, id: id }, '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');
        });
    },
    GetSPButtons(deviceNumber) {
        return Enumerable.from(JSON.parse(this.GetDataValue(deviceNumber, "指令")))
            .orderBy(function (o) { return o.order; })
            .toArray();
    },
    SendSPCmd(event) {
        var form = $(event.target).parents('form');
        var url = form.attr('action') + '?' + form.serialize();
        url += "&token=" + token + "&connectionId=" + connectionId;
        url = new URI(url).setQuery('Name', event.target.value).toString();
        Vue.nextTick(function () {
            ajax(url, null, 'get');
        });
        event.preventDefault()
    },
    GetButtons(deviceNumber) {
        return Enumerable.from(JSON.parse(this.GetDataValue(deviceNumber,"指令")))
            .orderBy(function (o) { return o.Order; })
            .toArray();
    },
    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');
        });
    },
    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(function (o) { return o.name;})
            .toArray();
    }
};
function onMessage(method, json, to, from) {
    debug(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);
            }
            if ($('#camera').val() === device.number && item.name === '推流') {
                console.log('start update camera');
                UpdateCamera();
            }
        }
    }
}
start();