blob: b8a3c775921d2ed51d5d888253cb267733995c20 [file] [log] [blame]
/*
* Copyright 2014-present Open Networking Foundation
*
* Licensed 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 { Inject } from '@angular/core';
import { Directive } from '@angular/core';
import { FnService } from './fw/util/fn.service';
import { LogService } from './log.service';
import { OnosService } from './onos.service';
/**
* ONOS GUI -- Detect Browser Directive
*/
@Directive({
selector: '[onosDetectBrowser]'
})
export class DetectBrowserDirective {
constructor(
private fs: FnService,
private log: LogService,
private onos: OnosService,
@Inject(Window) private w: Window
) {
const body: HTMLBodyElement = document.getElementsByTagName('body')[0];
// let body = d3.select('body');
let browser = '';
if (fs.isChrome()) {
browser = 'chrome';
} else if (fs.isChromeHeadless()) {
browser = 'chromeheadless';
} else if (fs.isSafari()) {
browser = 'safari';
} else if (fs.isFirefox()) {
browser = 'firefox';
} else {
this.log.warn('Unknown browser. ',
'Vendor:', this.w.navigator.vendor,
'Agent:', this.w.navigator.userAgent);
return;
}
body.classList.add(browser);
// body.classed(browser, true);
this.onos.browser = browser;
if (fs.isMobile()) {
body.classList.add('mobile');
this.onos.mobile = true;
}
this.log.debug('Detected browser is', fs.cap(browser));
}
}