自動(dòng)登錄之后選擇一個(gè)可用設(shè)備,并選用此設(shè)備跳轉(zhuǎn)到錄屏頁面
經(jīng)過這10天的磨練,前端stf這塊基本有個(gè)比較清晰的脈絡(luò)了
只需在 openstf\res\app\device-list\index.js 中將代碼修改成如下:
//引入 Json轉(zhuǎn)流組件
var oboe = require('oboe')
module.exports = angular.module('device-list', [
require('angular-xeditable').name,
require('stf/device').name,
require('stf/user/group').name,
require('stf/control').name,
require('stf/common-ui').name,
require('stf/settings').name,
require('./column').name,
require('./details').name,
require('./empty').name,
require('./icons').name,
require('./stats').name,
require('./customize').name,
require('./search').name
])
.config(['$routeProvider', function($routeProvider) {
}])
.run(function(editableOptions) {
//獲取所有設(shè)備列表
var isSelect = false;
function selectFreeDevices(device)
{
console.log("找到可用設(shè)備: ", device)
location.replace('#!/toohamster/' + device.serial)
}
oboe('/api/v1/devices').on('start', function(json){
console.warn('開始查找')
}).on('done', function(json){
console.warn('結(jié)束調(diào)用')
if (!isSelect)
{
console.warn('沒有找到可用設(shè)備')
alert('沒有找到可用設(shè)備')
}
})
.node('devices[*]', function(data) {
if (isSelect) return ;
data.usable = data.present && data.status === 3 && data.ready && (!data.owner || data.using)
if (!data.usable || !data.owner) {
data.using = false
}
console.log("查找設(shè)備 ..", data)
if (data.usable)
{
isSelect = true;
selectFreeDevices(data)
}
})
})
demo.png
關(guān)于 錄屏頁面的自定義就留在下章來總結(jié)了
