jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(mobile): detect mobile bu userAgent

pull/3/head
alex 2016-03-30 15:39:56 +03:00
parent fdd0fc8623
commit 0a072e664e
6 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/theme/components/baPanel/baPanelBlur.directive.js
View File

@ -9,7 +9,7 @@
.directive('baPanelBlur', baPanelBlur);
/** @ngInject */
function baPanelBlur(baPanelBlurHelper, $window, $document) {
function baPanelBlur(baPanelBlurHelper, $window, $rootScope) {
var bodyBgSize;
baPanelBlurHelper.bodyBgLoad().then(function() {
@ -23,14 +23,16 @@
return {
restrict: 'A',
link: function($scope, elem) {
baPanelBlurHelper.bodyBgLoad().then(function() {
setTimeout(recalculatePanelStyle);
});
$window.addEventListener('resize', recalculatePanelStyle);
if(!$rootScope.$isMobile) {
baPanelBlurHelper.bodyBgLoad().then(function () {
setTimeout(recalculatePanelStyle);
});
$window.addEventListener('resize', recalculatePanelStyle);
$scope.$on('$destroy', function() {
$window.removeEventListener('resize', recalculatePanelStyle);
});
$scope.$on('$destroy', function () {
$window.removeEventListener('resize', recalculatePanelStyle);
});
}
function recalculatePanelStyle() {
if (!bodyBgSize) {

22
src/app/theme/theme.run.js
View File

@ -6,22 +6,30 @@
'use strict';
angular.module('BlurAdmin.theme')
.run(themeRun);
.run(themeRun);
/** @ngInject */
function themeRun($timeout, $rootScope, layoutSizes, layoutPaths, preloader, $q) {
$q.all([
preloader.loadImg(layoutPaths.images.root + 'blur-bg.jpg'),
preloader.loadImg(layoutPaths.images.root + 'blur-bg-blurred.jpg'),
$rootScope.$isMobile = (/android|webos|iphone|ipad|ipod|blackberry|windows phone/).test(navigator.userAgent.toLowerCase());
var whatToWait = [
preloader.loadAmCharts(),
$timeout(3000)
]).then(function(){
$rootScope.$pageFinishedLoading = true;
];
if ($rootScope.$isMobile) {
whatToWait.unshift(preloader.loadImg(layoutPaths.images.root + 'blur-bg-mobile.jpg'));
} else {
whatToWait.unshift(preloader.loadImg(layoutPaths.images.root + 'blur-bg.jpg'));
whatToWait.unshift(preloader.loadImg(layoutPaths.images.root + 'blur-bg-blurred.jpg'));
}
$q.all(whatToWait).then(function () {
$rootScope.$pageFinishedLoading = true;
});
$timeout(function () {
if(!$rootScope.$pageFinishedLoading){
if (!$rootScope.$pageFinishedLoading) {
$rootScope.$pageFinishedLoading = true;
}
}, 7000);

2
src/index.html
View File

@ -24,7 +24,7 @@
<!-- endinject -->
<!-- endbuild -->
</head>
<body>
<body ng-class="{'mobile' : $isMobile}">
<main ng-if="$pageFinishedLoading" ng-class="{ 'menu-collapsed': $isMenuCollapsed }">
<sidebar></sidebar>

5
src/sass/theme/_layout.scss
View File

@ -18,11 +18,6 @@ body {
@include main-background();
}
@media (max-width: 640px) {
body {
background-image: url($images-root + 'blur-bg-mobile.jpg');
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{

6
src/sass/theme/bootstrap-overrides/_panel.scss
View File

@ -82,12 +82,6 @@ $panel-heading-font-size: 16px;
transition: none;
}
@media (max-width: 640px) {
.panel-blur {
background: transparent;
}
}
.panel-primary {
> .panel-heading {
color: $primary;

6
src/sass/theme/skins/_02_transparent.scss
View File

@ -1,4 +1,10 @@
body.badmin-transparent {
&.mobile{
background-image: url($images-root + 'blur-bg-mobile.jpg');
.panel-blur {
background: transparent;
}
}
@include overrideColors(#fff);
@include overridePanelBg(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
.default-color {