mirror of https://github.com/apache/cloudstack.git
51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
// Licensed to the Apache Software Foundation (ASF) under one
|
|
// or more contributor license agreements. See the NOTICE file
|
|
// distributed with this work for additional information
|
|
// regarding copyright ownership. The ASF licenses this file
|
|
// to you under the Apache License, Version 2.0 (the
|
|
// "License"); you may not use this file except in compliance
|
|
// with the License. You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing,
|
|
// software distributed under the License is distributed on an
|
|
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
// KIND, either express or implied. See the License for the
|
|
// specific language governing permissions and limitations
|
|
// under the License.
|
|
|
|
import enquireJs from 'enquire.js'
|
|
|
|
export const DEVICE_TYPE = {
|
|
DESKTOP: 'desktop',
|
|
TABLET: 'tablet',
|
|
MOBILE: 'mobile'
|
|
}
|
|
|
|
export const deviceEnquire = function (callback) {
|
|
const matchDesktop = {
|
|
match: () => {
|
|
callback && callback(DEVICE_TYPE.DESKTOP)
|
|
}
|
|
}
|
|
|
|
const matchTablet = {
|
|
match: () => {
|
|
callback && callback(DEVICE_TYPE.TABLET)
|
|
}
|
|
}
|
|
|
|
const matchMobile = {
|
|
match: () => {
|
|
callback && callback(DEVICE_TYPE.MOBILE)
|
|
}
|
|
}
|
|
|
|
// screen and (max-width: 1087.99px)
|
|
enquireJs
|
|
.register('screen and (max-width: 576px)', matchMobile)
|
|
.register('screen and (min-width: 576px) and (max-width: 1366px)', matchTablet)
|
|
.register('screen and (min-width: 1367px)', matchDesktop)
|
|
}
|