Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[mobile] add phone/tablet to app class list

Browse source
This commit is contained in:
Maxim Kadushkin 2020-12-03 21:17:13 +03:00
parent ec6c451f28
commit 00e1fd2f43
3 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/common/mobile/utils/device.jsx
View file

@ -1,8 +1,9 @@
import React from 'react'; import React from 'react';
import { f7 } from 'framework7-react'; import { f7 } from 'framework7-react';
import { Dom7, Device } from 'framework7'
class Device { class WrapDevice {
constructor(){ constructor(){
const ua = navigator.userAgent, const ua = navigator.userAgent,
isMobile = /Mobile(\/|\s|;)/.test(ua); isMobile = /Mobile(\/|\s|;)/.test(ua);
@ -16,6 +17,16 @@ class Device {
(/MSIE 10/.test(ua) && /; Touch/.test(ua))); (/MSIE 10/.test(ua) && /; Touch/.test(ua)));
} }
initDom() {
const $$ = Dom7;
if ( this.sailfish ) {
$$('html').addClass('sailfish');
}
$$('html').addClass(this.phone ? 'phone' : 'tablet');
// $$(window).on('resize', _.bind(this.onWindowResize, this));
}
get phone() { get phone() {
return this.isPhone return this.isPhone
} }
@ -37,5 +48,5 @@ class Device {
} }
} }
const device = new Device(); const device = new WrapDevice();
export {device as Device}; export {device as Device};

2
apps/documenteditor/mobile/src/view/app.jsx
View file

@ -8,6 +8,7 @@ import '../../../../common/Gateway.js';
import '../../../../common/main/lib/util/utils.js'; import '../../../../common/main/lib/util/utils.js';
import Notifications from '../../../../common/mobile/utils/notifications.js' import Notifications from '../../../../common/mobile/utils/notifications.js'
import MainController from '../controller/Main'; import MainController from '../controller/Main';
import {Device} from '../../../../common/mobile/utils/device'
export default class extends React.Component { export default class extends React.Component {
constructor() { constructor() {
@ -82,6 +83,7 @@ export default class extends React.Component {
componentDidMount() { componentDidMount() {
this.$f7ready((f7) => { this.$f7ready((f7) => {
// Call F7 APIs here // Call F7 APIs here
Device.initDom();
}); });
this.refs.mainController.initSdk(); this.refs.mainController.initSdk();

3
apps/presentationeditor/mobile/src/page/app.jsx
View file

@ -8,6 +8,7 @@ import '../../../../common/Gateway.js';
import '../../../../common/main/lib/util/utils.js'; import '../../../../common/main/lib/util/utils.js';
import Notifications from '../../../../common/mobile/utils/notifications.js' import Notifications from '../../../../common/mobile/utils/notifications.js'
import {MainController} from '../controller/Main'; import {MainController} from '../controller/Main';
import {Device} from '../../../../common/mobile/utils/device'
export default class extends React.Component { export default class extends React.Component {
constructor() { constructor() {
@ -38,7 +39,7 @@ export default class extends React.Component {
componentDidMount() { componentDidMount() {
this.$f7ready((f7) => { this.$f7ready((f7) => {
// Call F7 APIs here Device.initDom();
}); });
} }
} }