mirror/devicedetector.net
1
0
Fork 0
mirror of https://github.com/Findus23/devicedetector.net.git synced 2024-09-19 15:43:46 +02:00
Code Releases Activity

update dependencies and support mobileonly browser

Browse source
This commit is contained in:
Lukas Winkler 2019-07-06 21:34:53 +02:00
parent 20edd3d1e5
commit 8edbedb816
Signed by: lukas
GPG key ID: 54DE4D798D244853
6 changed files with 414 additions and 365 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/package.json
View file

@ -9,7 +9,7 @@
}, },
"dependencies": { "dependencies": {
"bootstrap": "^4.3.1", "bootstrap": "^4.3.1",
"bootstrap-vue": "2.0.0-rc.20", "bootstrap-vue": "2.0.0-rc.25",
"core-js": "^2.6.5", "core-js": "^2.6.5",
"vue": "^2.6.10", "vue": "^2.6.10",
"vue-router": "^3.0.1" "vue-router": "^3.0.1"

3
client/src/interfaces.ts
View file

@ -8,12 +8,15 @@ export interface ParsedData {
"engine": string, "engine": string,
"engine_version": string "engine_version": string
}; };
"browserFamily": string;
"isMobileOnlyBrowser": boolean;
"osInfo": { "osInfo": {
"name": string, "name": string,
"short_name": string, "short_name": string,
"version": string, "version": string,
"platform": string "platform": string
}; };
"osFamily": string;
"device": number; "device": number;
"deviceName": string; "deviceName": string;
"deviceBrand": string; "deviceBrand": string;

1
client/src/scss/style.scss
View file

@ -39,6 +39,7 @@ h1 {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 0 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 0 3px 0 rgba(0, 0, 0, 0.12);
margin: 9px 0; margin: 9px 0;
flex-grow: 1; flex-grow: 1;
position: relative;
//&.col { //&.col {
// margin-right: 9px; // margin-right: 9px;

9
client/src/views/Main.vue
View file

@ -41,13 +41,14 @@
<div v-if="dd.clientInfo.type!=='browser'"> <div v-if="dd.clientInfo.type!=='browser'">
{{dd.clientInfo.type}} {{dd.clientInfo.type}}
</div> </div>
<img v-if="dd.isMobileOnlyBrowser" src="/icons/devices/smartphone.png" class="mobileonly" title="Mobile only browser">
</div> </div>
</div> </div>
<div class="box-row"> <div class="box-row">
<div class="box centered" v-if="dd.deviceBrand"> <div class="box centered" v-if="dd.deviceBrand">
<icon :title="dd.deviceBrand" :icon="dd.icons.brand"></icon> <icon :title="dd.deviceBrand" :icon="dd.icons.brand"></icon>
<div> <div>
{{dd.deviceBrand}} {{dd.deviceBrand}} {{dd.model}}
</div> </div>
</div> </div>
<div v-if="dd.deviceName" :class="{box:true, centered:true, last:dd.deviceBrand}"> <div v-if="dd.deviceName" :class="{box:true, centered:true, last:dd.deviceBrand}">
@ -186,4 +187,10 @@ export default Vue.extend({
color: black; color: black;
} }
} }
.mobileonly {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
}
</style> </style>

763
client/yarn.lock
View file

File diff suppressed because it is too large Load diff

1
public/ua.php
View file

@ -35,6 +35,7 @@ if ($dd->isBot()) {
} else { } else {
$data["clientInfo"] = $dd->getClient(); $data["clientInfo"] = $dd->getClient();
$data["browserFamily"]= Browser::getBrowserFamily($dd->getClient('short_name')); $data["browserFamily"]= Browser::getBrowserFamily($dd->getClient('short_name'));
$data["isMobileOnlyBrowser"] = Browser::isMobileOnlyBrowser($dd->getClient('short_name'));
$data["osInfo"] = $dd->getOs(); $data["osInfo"] = $dd->getOs();
$data["osFamily"]=OperatingSystem::getOsFamily($dd->getOs('short_name')); $data["osFamily"]=OperatingSystem::getOsFamily($dd->getOs('short_name'));
$data["device"] = $dd->getDevice(); $data["device"] = $dd->getDevice();