yetangitu/OpenSTF
1
0
Fork 0
mirror of https://github.com/openstf/stf synced 2025-10-05 02:29:26 +02:00
Code Issues Releases Wiki Activity

Starting to add Basic Mode.

Browse source
This commit is contained in:
Gunther Brunner 2014-05-15 17:00:57 +09:00
parent 7e45141a4e
commit 1bab43fed3
9 changed files with 31 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

8
res/app/components/stf/guest-browser/guest-browser-service.js → res/app/components/stf/browser-info/browser-info-service.js
View file

@ -1,8 +1,6 @@
// NOTE: Most of the detections stuff from Modernizr 3.0 // NOTE: Most of the detections stuff from Modernizr 3.0
module.exports = function BrowserInfoServiceFactory() {
module.exports = function GuestBrowserServiceFactory() { var service = {}
var service = {
}
var domPrefixes = 'Webkit Moz O ms'.toLowerCase().split(' ') var domPrefixes = 'Webkit Moz O ms'.toLowerCase().split(' ')
@ -51,7 +49,7 @@ module.exports = function GuestBrowserServiceFactory() {
addTest('small', function () { addTest('small', function () {
var windowWidth = window.screen.width < window.outerWidth ? var windowWidth = window.screen.width < window.outerWidth ?
window.screen.width : window.outerWidth window.screen.width : window.outerWidth
return windowWidth < 500 return windowWidth < 800
// return !!(window.matchMedia && // return !!(window.matchMedia &&
// window.matchMedia('only screen and (max-width: 760px)').matches) // window.matchMedia('only screen and (max-width: 760px)').matches)
}) })

4
res/app/components/stf/guest-browser/guest-browser-spec.js → res/app/components/stf/browser-info/browser-info-spec.js
View file

@ -1,6 +1,6 @@
describe('GuestBrowser', function() { describe('BrowserInfo', function() {
beforeEach(module('stf.guest-browser')); beforeEach(module('stf.browser-info'));
it('should ...', inject(function(GuestDeviceService) { it('should ...', inject(function(GuestDeviceService) {

4
res/app/components/stf/browser-info/index.js Normal file
View file

@ -0,0 +1,4 @@
module.exports = angular.module('stf.browser-info', [
])
.factory('BrowserInfo', require('./browser-info-service'))

4
res/app/components/stf/guest-browser/index.js
View file

@ -1,4 +0,0 @@
module.exports = angular.module('stf.guest-browser', [
])
.factory('GuestBrowser', require('./guest-browser-service'))

7
res/app/control-panes/control-panes.jade
View file

@ -1,4 +1,9 @@
div div(ng-if='$root.basicMode')
div(style='width: 320px; height: 540px;')
.remote-control
div(ng-include='"control-panes/device-control/device-control.jade"').fill-height
div(ng-if='!$root.basicMode')
div(pane, pane-anchor='west', pane-size='30% + 2px', pane-min='200px', pane-max='100% + 2px', pane-handle='4', pane-no-toggle='false') div(pane, pane-anchor='west', pane-size='30% + 2px', pane-min='200px', pane-max='100% + 2px', pane-handle='4', pane-no-toggle='false')
//.stf-catch-all-keys(ng-controller='KeysCtrl') //.stf-catch-all-keys(ng-controller='KeysCtrl')
catch-all-keys(keys-down='keysDown($event)', keys-up='keysUp($event)') catch-all-keys(keys-down='keysDown($event)', keys-up='keysUp($event)')

2
res/app/device-list/device-list.jade
View file

@ -35,7 +35,7 @@ div.stf-device-list
button.btn.btn-default.btn-xs.device-status {{device.state|statusName}} button.btn.btn-default.btn-xs.device-status {{device.state|statusName}}
.clear-fix .clear-fix
tab(active='activeTabs.details') tab(active='activeTabs.details', ng-if='!$root.basicMode')
tab-heading tab-heading
i.fa.fa-list(translate) i.fa.fa-list(translate)
span(translate) Details span(translate) Details

2
res/app/layout/index.js
View file

@ -23,7 +23,7 @@ module.exports = angular.module('layout', [
'angular-loading-bar', 'angular-loading-bar',
require('stf/common-ui').name, require('stf/common-ui').name,
require('stf/socket/socket-state').name, require('stf/socket/socket-state').name,
require('stf/guest-browser').name require('stf/browser-info').name
]) ])
.config(['$tooltipProvider', function ($tooltipProvider) { .config(['$tooltipProvider', function ($tooltipProvider) {
$tooltipProvider.options({ $tooltipProvider.options({

11
res/app/layout/layout-controller.js
View file

@ -1,3 +1,10 @@
module.exports = function LayoutCtrl(FatalMessageService, GuestBrowser, $scope) { module.exports = function LayoutCtrl(FatalMessageService, BrowserInfo, $rootScope) {
$scope.guestBrowser = GuestBrowser
$rootScope.basicMode = false
if (BrowserInfo.small) {
$rootScope.basicMode = true
} else {
$rootScope.basicMode = false
}
} }

10
res/app/menu/menu.jade
View file

@ -5,19 +5,19 @@
li(ng-cloak) li(ng-cloak)
a(ng-href='/#!/control') a(ng-href='/#!/control')
span.fa.fa-mobile span.fa.fa-mobile
| {{"Control"|translate}} | {{ !$root.basicMode ? "Control" : '' | translate }}
a(ng-href='/#!/devices') a(ng-href='/#!/devices')
span.fa.fa-sitemap span.fa.fa-sitemap
| {{"Devices"|translate}} | {{ !$root.basicMode ? "Devices" : '' | translate }}
a(ng-href='/#!/settings') a(ng-href='/#!/settings')
span.fa.fa-gears span.fa.fa-gears
| {{"Settings"|translate}} | {{ !$root.basicMode ? "Settings" : '' | translate }}
ul.nav.stf-nav.stf-feedback.pull-right(ng-cloak) ul.nav.stf-nav.stf-feedback.pull-right(ng-cloak)
li.stf-nav-web-native-button li.stf-nav-web-native-button(ng-if='!$root.basicMode')
.btn-group .btn-group
button(type='button', ng-model='$root.platform', btn-radio="'web'", translate).btn.btn-sm.btn-default-outline Web button(type='button', ng-model='$root.platform', btn-radio="'web'", translate).btn.btn-sm.btn-default-outline Web
button(type='button', ng-model='$root.platform', btn-radio="'native'", translate).btn.btn-sm.btn-default-outline Native button(type='button', ng-model='$root.platform', btn-radio="'native'", translate).btn.btn-sm.btn-default-outline Native
li li
a(ng-href='/#!/help') a(ng-href='/#!/help')
i.fa.fa-question-circle i.fa.fa-question-circle
| {{"Help"|translate}} | {{ !$root.basicMode ? "Help" : '' | translate }}