iot/projects/IoTCenter/wwwroot/js/device.js

isDebug = true;
useSignalR = true;
dataUrl = baseUrl + '/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');
        });
    },
    GetSPButtons() {
        return Enumerable.from(JSON.parse(this.GetDataValue("指令")))
            .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');
        });
    },
    AddSPButton() {
        var data = Enumerable.from(this.model.data)
            .where(function (o) { return o.name === "指令"; })
            .firstOrDefault();
        var buttons = this.GetButtons();
        var newBtn = { "name": "测试", "portName": "/dev/ttyS0", "baudRate": 9600, "parity": 0, "dataBits": 8, "stopBits": 1, "message": "0123456789ABCDEF", "order": 100 };
        buttons.push(newBtn);
        data.value = JSON.stringify(buttons);
    },
    RemoveSPButton(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);
    },
    SaveSPButtons() {
        var buttons = [];
        $('#irbuttons').find('.irbtn').each(function () {
            buttons.push({
                name: $(this).find("input[name='Name']").val(),
                portName: $(this).find("input[name='PortName']").val(),
                baudRate: $(this).find("input[name='BaudRate']").val(),
                parity: $(this).find("input[name='Parity']").val(),
                dataBits: $(this).find("input[name='DataBits']").val(),
                stopBits: $(this).find("input[name='StopBits']").val(),
                message: $(this).find("input[name='Message']").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: "/SerialPort/Buttons", buttons: value }, 'post');
    },
    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');
        });
    },
    GetCommands() {
        return Enumerable.from(this.model.commands).orderBy('o=>o.displayOrder').toArray();
    }
};
function onMessage(method, json, to, from) {
    debug(method + ':' + json);
    var item = JSON.parse(json);
    console.log(method + ':' + 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();