自定义stf录屏页面

自动登录之后选择一个可用设备,并选用此设备跳转到录屏页面

经过这10天的磨练,前端stf这块基本有个比较清晰的脉络了

只需在 openstf\res\app\device-list\index.js 中将代码修改成如下:

//引入 Json转流组件
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) {
    //获取所有设备列表
    var isSelect = false;
    function selectFreeDevices(device)
    {
      console.log("找到可用设备: ", device)
      location.replace('#!/toohamster/' + device.serial)
    }

    oboe('/api/v1/devices').on('start', function(json){
          console.warn('开始查找')
        }).on('done', function(json){
          console.warn('结束调用')
          if (!isSelect)
          {
            console.warn('没有找到可用设备')
            alert('没有找到可用设备')
          }
        })
        .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("查找设备 ..", data)
          if (data.usable)
          {
            isSelect = true;
            selectFreeDevices(data)          
          }

        })
  })

demo.png

关于 录屏页面的自定义就留在下章来总结了