diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 3a72a52d..00000000 --- a/.gitignore +++ /dev/null @@ -1,4 +0,0 @@ -backend/config.php -composer.lock -vendor/ -.DS_Store diff --git a/.htaccess b/.htaccess deleted file mode 100644 index 6ced5309..00000000 --- a/.htaccess +++ /dev/null @@ -1,66 +0,0 @@ -AddOutputFilterByType DEFLATE text/html -AddOutputFilterByType DEFLATE text/css -AddOutputFilterByType DEFLATE text/javascript - -RewriteEngine on -RewriteCond %{HTTP_HOST} ^www\.html5test\.com$ -RewriteRule ^ http://html5test.com%{REQUEST_URI} [L,R=301] - -RewriteRule ^compare.html$ /compare/browser/index.html [R] -RewriteRule ^results.html$ /results/desktop.html [R] -RewriteRule ^results-mobile.html$ /results/mobile.html [R] -RewriteRule ^results-tablets.html$ /results/tablet.html [R] -RewriteRule ^results-tv.html$ /results/television.html [R] - -RewriteRule ^api/(.+)$ /backend/index.php?method=$1&%{QUERY_STRING} -RewriteRule ^s/(.+).html$ /backend/controllers/saved.php?id=$1 -RewriteRule ^compare/browser/index.html$ /backend/controllers/browser.php?%{QUERY_STRING} -RewriteRule ^compare/browser/(.+).html$ /backend/controllers/browser.php?show=$1&%{QUERY_STRING} -RewriteRule ^compare/feature/index.html$ /backend/controllers/feature.php?%{QUERY_STRING} -RewriteRule ^compare/feature/(.+).html$ /backend/controllers/feature.php?show=$1&%{QUERY_STRING} -RewriteRule ^results/desktop.html$ /backend/controllers/results.php?type=desktop -RewriteRule ^results/mobile.html$ /backend/controllers/results.php?type=mobile -RewriteRule ^results/tablet.html$ /backend/controllers/results.php?type=tablet -RewriteRule ^results/gaming.html$ /backend/controllers/results.php?type=gaming -RewriteRule ^results/television.html$ /backend/controllers/results.php?type=television -RewriteRule ^results/other.html$ /backend/controllers/results.php?type=other -RewriteRule ^results/latest.html$ /backend/controllers/latest.php -RewriteRule ^results/search.html$ /backend/controllers/search.php -RewriteRule ^results/related/(.+).html$ /backend/controllers/fingerprint.php?id=$1 -RewriteRule ^results/(.+)/timeline/(.+).html$ /backend/controllers/timeline.php?id=$2&type=$1 -RewriteRule ^results/timeline/(.+).html$ /backend/controllers/timeline.php?id=$1&type=mobile - -RewriteRule ^favicon(.*)$ /images/icons/favicon$1 -RewriteRule ^apple-touch-icon(.*)$ /images/icons/apple-touch-icon$1 -RewriteRule ^mstile-(.*)$ /images/icons/mstile-$1 -RewriteRule ^browserconfig.xml /images/icons/browserconfig.xml - -RewriteRule ^scripts/useragents http://api.whichbrowser.net/warning.js - - - - - Header set Access-Control-Allow-Origin "*" - - - - - - Header set Access-Control-Allow-Origin "*" - - - - - - Header set Access-Control-Allow-Origin "*" - - - - -SetEnvIf User-Agent .*Bada.* BROKEN_CSP - - - - Header set Content-Security-Policy "default-src 'unsafe-inline' data: *; frame-src *; options inline-script;" env=!BROKEN_CSP - - diff --git a/404.html b/404.html new file mode 100644 index 00000000..2859088c --- /dev/null +++ b/404.html @@ -0,0 +1,41 @@ + + + + + HTML5test - How well does your browser support HTML5? + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..9a0166b6 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +html5test.co \ No newline at end of file diff --git a/LICENSE b/LICENSE index 054bd6aa..a8c02be7 100644 --- a/LICENSE +++ b/LICENSE @@ -1,4 +1,4 @@ -Copyright (c) 2010-2015 Niels Leenheer +Copyright © 2010-2024 Niels Leenheer, Jerzy Głowacki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the @@ -17,4 +17,4 @@ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. \ No newline at end of file +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md index 1989b7cd..d96de305 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,11 @@ - + + +### Updated domain: [html5test.co](https://html5test.co) This is a website for testing web standards in the browser. The HTML5 test score is an indication of how well your browser supports the HTML5 standard and related specifications. Find out which parts of HTML5 are supported by your browser today and compare the results with other browsers. -[![Twitter Follow](https://img.shields.io/twitter/follow/html5test.svg?style=social)](https://twitter.com/html5test) - The HTML5 test does not try to test all of the new features offered by HTML5, nor does it try to test the functionality of each feature it does detect. Despite these shortcomings we hope that by quantifying the level of support users and web developers will get an idea of how hard the browser @@ -17,9 +17,3 @@ Please be aware that although the HTML5 specification is now an official recomme specifications that are being tested are still in development and could change before receiving an official status. In the future new tests will be added for new specifications and existing tests will be updated when the specifications change. - - -**Thanks to:** - -      - diff --git a/about.html b/about.html index 5922298e..58a0182d 100644 --- a/about.html +++ b/about.html @@ -1,235 +1,211 @@ - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
+ + + HTML5test - How well does your browser support HTML5? + + + + + + + + + + + + + + + + + + + + + + + + +
+

HTML5test how well does your browser support HTML5?

+
+ +
+
+ +
+
+
+ + +
+

Specifications

+ +

Why do you include specifications that are not part of HTML5?

+
+

+ HTML5 means different things to different people. You could argue that HTML5 only includes features that are + defined in the W3C HTML5 specification. Or you could argue that it includes every specification, draft or + experimental feature that is added to browsers in the last couple of years. We decided to take the middle + ground and split the test into three parts: the official HTML5 specification, specifications that are related + to HTML5 and some experimental new features that are extensions of HTML5. +

+

+ Many of the related specifications were at one time part of HTML5. During the development of the specification + they were moved to separate specifications. +

+
+ +

But WebGL isn't even a W3C specification!

+
+ The W3C isn't the only organization that creates open specifications for the web. The WebGL specification is + published by Kronos, the same group that is also responsible for OpenGL. WebGL is related to HTML5 though and + listed as one of the HTML5 technologies on the W3C HTML5 logo page. The W3C HTML5 specification allows the + canvas element to be extended by new drawing methods and WebGL is one of them. +
+ +

Why do you test for Web SQL?

+
+ The Web SQL specification has been deprecated and replaced by the IndexedDB specification. It is however + still commonly used on mobile phones and at least three vendors have shipped desktop browsers supporting Web SQL. We've decided to include + this specification, but make it a special case. Web SQL is worth 5 points, but only if IndexedDB is not supported. + IndexedDB is worth 10 points. If a browser supports both, only 10 points are awarded. This way browsers + that only included IndexedDB are not penalized, but browsers that only support Web SQL do get some points. +
+ +
-
-
-
- - -
-

Specifications

- -

Why do you include specifications that are not part of HTML5?

-
-

- HTML5 means different things to different people. You could argue that HTML5 only includes features that are - defined in the W3C HTML5 specification. Or you could argue that it includes every specification, draft or - experimental feature that is added to browsers in the last couple of years. We decided to take the middle - ground and split the test into three parts: the official HTML5 specification, specifications that are related - to HTML5 and some experimental new features that are extensions of HTML5. -

-

- Many of the related specifications were at one time part of HTML5. During the development of the specification - they were moved to separate specifications. -

-
- -

But WebGL isn't even a W3C specification!

-
- The W3C isn't the only organization that creates open specifications for the web. The WebGL specification is - published by Kronos, the same group that is also responsible for OpenGL. WebGL is related to HTML5 though and - listed as one of the HTML5 technologies on the W3C HTML5 logo page. The W3C HTML5 specification allows the - canvas element to be extended by new drawing methods and WebGL is one of them. -
- -

Why do you test for Web SQL?

-
- The Web SQL specification has been deprecated and replaced by the IndexedDB specification. It is however - still commonly used on mobile phones and at least three vendors have shipped desktop browsers supporting Web SQL. We've decided to include - this specification, but make it a special case. Web SQL is worth 5 points, but only if IndexedDB is not supported. - IndexedDB is worth 10 points. If a browser supports both, only 10 points are awarded. This way browsers - that only included IndexedDB are not penalized, but browsers that only support Web SQL do get some points. -
- -
- - -

Scoring

- -

What is the maximum number of points you can score?

-
- If a browser passes all tests it would receive the maximum score of 555. Previous - versions of the HTML5test had less tests and therefore also a lower maximum score, such as 160, 300, 450, 475 and 500 points. - Previous versions of this test also awarded bonus points for some features, but as of version 5, we - no longer do. -
- -

The scoring seems arbitrary, who decides how many points are awarded?

-
- We decided to award points for each feature depending on how important that feature is for web developers - and how difficult it is to implement that feature. A small and simple feature would be worth less points than a - large and complicated feature. We think this is the most honest way to grade browsers, because otherwise a browser - that only supports the small and simple features would score as high or higher than a browser that went the - extra mile and decided to tackle the big features. But in the end it is based on personal preference, - but I doubt there is a truly objective alternative. -
- -
- - -

Reporting

- -

Can my browser be included on the 'other browser' and 'compare' pages?

-
-

- We would love to add new browsers, but not all browsers are eligible. First of all we only accept browsers that - are publicly available, either in beta form or a final release. We do not accept scores for internal development builds. - Secondly we only accept browsers that are available in English. We want to check browsers before including them and - unfortunately we do not speak Chinese, Japanese, Korean or Russian. And finally we only accept browsers which have a - unique score. There are many browsers that are forks or modified versions of Chromium or Firefox. Similarly there - are many browser that embed Internet Explorer or Webkit as provided by the operating system. These browser - do not qualify. For comparisons, simply choose the original browser on which the browser was based instead. -

-

- We retain the right to make exceptions to any of the rules above and to remove or refuse any browser we deem - necessary. -

-
- -

What happens when a browser cheats?

-
-

- We cannot distinguish between a browser that supports a particular feature and a browser that lies about supporting - that feature. The only way to deal with these situations it to manually confirm the test results. And if a browser - is found to be overly confident about claiming support for certain features we can put that browser on a blacklist. - That means that that even though the browser claims to support a particular feature, we ignore what the browser says and do - not give any points. This is usually just a temporary problem and once the browser has been fixed we will remove - the new version from the blacklist. -

-

- Claiming to support a feature which isn't working is not just causing problems for the reliability of the - test results, but there are other real-world problems. For example if you claim to support WebGL, a website may decide - to serve WebGL content. If your browser does not support WebGL, the website may fail in an uncontrollable way. If you - correctly denied support for WebGL, the website may have served alternative content that would work in your browser. - If you claim to support features that you don't, you are breaking the web. -

-

- If we find that a browser is structurally lying about which features they support - deliberately or not - we will - usually give a warning to the developers of the browser and if the problem hasn't been fixed in the next version - we will remove the browser from the 'other browser' and 'compare' pages and/or give other penalties. In extreme - cases we may block the browser from showing test results and show a warning instead. -

-
- - -
- - -

Methods

- -

Why are you using browser sniffing?

-
-

- Unfortunately, in two very specific cases we are forced to use browser sniffing. The first case is contentEditable - which was not supported on many older mobile devices. Yet almost all mobile browsers claim to support contentEditable. - Fortunately modern mobile devices are starting to support contentEditable, but this left us with a problem. We - cannot reliably detect if a browser has proper support. The only way around this is to use a whitelist of - mobile browsers that do support this feature, otherwise you risk awarding points to mobile browsers that they - do not deserve. The second case is drag and drop, which is also not supported on mobile phones and tablets.

-

- Please open a new issue on Github when you believe a - browser should be included on the whitelist. -

-
- - -
- - -

Privacy

- -

What kind of data is collected from visitors?

-
-

- Each time you visit this website your score and test results are logged on our servers. - We also store the user agent of your browser which contains information about the browser, - operating system and device you are using. The collected information is solely used to - generated anonymized reports about HTML5 support in browsers and improve the quality of - our software. -

-

- We do not store cookies in your browser, but we do use several external components that do, - including: Google Analytics, BuySellAds, Facebook, Twitter and Google+. -

-
+ +

Scoring

+ +

What is the maximum number of points you can score?

+
+ If a browser passes all tests it would receive the maximum score of 555. Previous + versions of the HTML5test had less tests and therefore also a lower maximum score, such as 160, 300, 450, 475 and 500 points. + Previous versions of this test also awarded bonus points for some features, but as of version 5, we + no longer do. +
+ +

The scoring seems arbitrary, who decides how many points are awarded?

+
+ We decided to award points for each feature depending on how important that feature is for web developers + and how difficult it is to implement that feature. A small and simple feature would be worth less points than a + large and complicated feature. We think this is the most honest way to grade browsers, because otherwise a browser + that only supports the small and simple features would score as high or higher than a browser that went the + extra mile and decided to tackle the big features. But in the end it is based on personal preference, + but I doubt there is a truly objective alternative. +
+ +
+ + +

Reporting

+ +

Can my browser be included on the 'other browser' and 'compare' pages?

+
+

+ We would love to add new browsers, but not all browsers are eligible. First of all we only accept browsers that + are publicly available, either in beta form or a final release. We do not accept scores for internal development builds. + Secondly we only accept browsers that are available in English. We want to check browsers before including them and + unfortunately we do not speak Chinese, Japanese, Korean or Russian. And finally we only accept browsers which have a + unique score. There are many browsers that are forks or modified versions of Chromium or Firefox. Similarly there + are many browser that embed Internet Explorer or Webkit as provided by the operating system. These browser + do not qualify. For comparisons, simply choose the original browser on which the browser was based instead. +

+

+ We retain the right to make exceptions to any of the rules above and to remove or refuse any browser we deem + necessary. +

+
+ +

What happens when a browser cheats?

+
+

+ We cannot distinguish between a browser that supports a particular feature and a browser that lies about supporting + that feature. The only way to deal with these situations it to manually confirm the test results. And if a browser + is found to be overly confident about claiming support for certain features we can put that browser on a blacklist. + That means that that even though the browser claims to support a particular feature, we ignore what the browser says and do + not give any points. This is usually just a temporary problem and once the browser has been fixed we will remove + the new version from the blacklist. +

+

+ Claiming to support a feature which isn't working is not just causing problems for the reliability of the + test results, but there are other real-world problems. For example if you claim to support WebGL, a website may decide + to serve WebGL content. If your browser does not support WebGL, the website may fail in an uncontrollable way. If you + correctly denied support for WebGL, the website may have served alternative content that would work in your browser. + If you claim to support features that you don't, you are breaking the web. +

+

+ If we find that a browser is structurally lying about which features they support - deliberately or not - we will + usually give a warning to the developers of the browser and if the problem hasn't been fixed in the next version + we will remove the browser from the 'other browser' and 'compare' pages and/or give other penalties. In extreme + cases we may block the browser from showing test results and show a warning instead. +

+
+ +
+ +

Methods

+ +

Why are you using browser sniffing?

+
+

+ Unfortunately, in two very specific cases we are forced to use browser sniffing. The first case is contentEditable + which was not supported on many older mobile devices. Yet almost all mobile browsers claim to support contentEditable. + Fortunately modern mobile devices are starting to support contentEditable, but this left us with a problem. We + cannot reliably detect if a browser has proper support. The only way around this is to use a whitelist of + mobile browsers that do support this feature, otherwise you risk awarding points to mobile browsers that they + do not deserve. The second case is drag and drop, which is also not supported on mobile phones and tablets.

+

+ Please open a new issue on Github when you believe a + browser should be included on the whitelist. +

+
+ +
+ +

Privacy

+ +

What kind of data is collected from visitors?

+
+

+ Each time you visit this website your score and test results are logged on our servers. + We also store the user agent of your browser which contains information about the browser, + operating system and device you are using. The collected information is solely used to + generated anonymized reports about HTML5 support in browsers and improve the quality of + our software. +

+

+ We do not store cookies in your browser. +

+
-
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
+
+
+
+

+ © 2024 - Created by Niels Leenheer, modified by Jerzy Głowacki.
+ Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
+ HTML5 Logo by W3C. + Browser detection by WhichBrowser. +

+
+ - - - \ No newline at end of file diff --git a/assets/csp.html b/assets/csp.html index 6d1c9f73..da28f24b 100644 --- a/assets/csp.html +++ b/assets/csp.html @@ -1,6 +1,8 @@ - + + + - \ No newline at end of file + diff --git a/assets/upgrade b/assets/upgrade deleted file mode 100644 index a0aba931..00000000 --- a/assets/upgrade +++ /dev/null @@ -1 +0,0 @@ -OK \ No newline at end of file diff --git a/backend/config.php.dist b/backend/config.php.dist deleted file mode 100644 index bc0a2a2d..00000000 --- a/backend/config.php.dist +++ /dev/null @@ -1,14 +0,0 @@ - false, - - 'release' => 9, - - 'database' => [ - 'server' => 'localhost', - 'username' => '******'; - 'password' => '******'; - 'database' => 'html5test' - ] - ]; \ No newline at end of file diff --git a/backend/controllers/browser.php b/backend/controllers/browser.php deleted file mode 100644 index 55c7987f..00000000 --- a/backend/controllers/browser.php +++ /dev/null @@ -1,114 +0,0 @@ -set('results', Browsers::getAll($GLOBALS['configuration']['release'])); - - if (isset($_REQUEST['show'])) { - $show = explode('/', $_REQUEST['show']); - - if (isset($show[0])) { - if ($show[0] == 'mybrowser') { - $tpl->set('one', ''); - } - - else if (preg_match("/^[a-f0-9]{16,16}$/", $show[0])) { - if ($row = Results::getByUniqueId($show[0])) { - $tpl->set('one', json_encode($row)); - } - } - - else { - if ($row = Results::getByBrowser($show[0], $GLOBALS['configuration']['release'])) { - $tpl->set('one', json_encode($row)); - } - } - } - - if (isset($show[1])) { - if ($show[1] == 'mybrowser') { - $tpl->set('two', ''); - } - - else if (preg_match("/^[a-f0-9]{16,16}$/", $show[1])) { - if ($row = Results::getByUniqueId($show[1])) { - $tpl->set('two', json_encode($row)); - } - } - - else { - if ($row = Results::getByBrowser($show[1], $GLOBALS['configuration']['release'])) { - $tpl->set('two', json_encode($row)); - } - } - } - - if (isset($show[2])) { - if ($show[2] == 'mybrowser') { - $tpl->set('three', ''); - } - - else if (preg_match("/^[a-f0-9]{16,16}$/", $show[2])) { - if ($row = Results::getByUniqueId($show[2])) { - $tpl->set('three', json_encode($row)); - } - } - - else { - if ($row = Results::getByBrowser($show[2], $GLOBALS['configuration']['release'])) { - $tpl->set('three', json_encode($row)); - } - } - } - - if (isset($show[3])) { - if ($show[3] == 'mybrowser') { - $tpl->set('four', ''); - } - - else if (preg_match("/^[a-f0-9]{16,16}$/", $show[3])) { - if ($row = Results::getByUniqueId($show[3])) { - $tpl->set('four', json_encode($row)); - } - } - - else { - if ($row = Results::getByBrowser($show[3], $GLOBALS['configuration']['release'])) { - $tpl->set('four', json_encode($row)); - } - } - } - - if (isset($show[4])) { - if ($show[4] == 'mybrowser') { - $tpl->set('five', ''); - } - - else if (preg_match("/^[a-f0-9]{16,16}$/", $show[4])) { - if ($row = Results::getByUniqueId($show[4])) { - $tpl->set('five', json_encode($row)); - } - } - - else { - if ($row = Results::getByBrowser($show[4], $GLOBALS['configuration']['release'])) { - $tpl->set('five', json_encode($row)); - } - } - } - } - - - echo $tpl->fetch(); - - - - - diff --git a/backend/controllers/feature.php b/backend/controllers/feature.php deleted file mode 100644 index 02805cc0..00000000 --- a/backend/controllers/feature.php +++ /dev/null @@ -1,55 +0,0 @@ -set('results', Browsers::getAll($GLOBALS['configuration']['release'])); - - if (isset($_REQUEST['show'])) { - $show = explode('/', $_REQUEST['show']); - - if (isset($show[0])) { - $tpl->set('one', json_encode(array( - 'key' => $show[0], - 'supported' => implode(',', Results::getByFeature($show[0], $GLOBALS['configuration']['release'])) - ))); - } - - if (isset($show[1])) { - $tpl->set('two', json_encode(array( - 'key' => $show[1], - 'supported' => implode(',', Results::getByFeature($show[1], $GLOBALS['configuration']['release'])) - ))); - } - - if (isset($show[2])) { - $tpl->set('three', json_encode(array( - 'key' => $show[2], - 'supported' => implode(',', Results::getByFeature($show[2], $GLOBALS['configuration']['release'])) - ))); - } - - if (isset($show[3])) { - $tpl->set('four', json_encode(array( - 'key' => $show[3], - 'supported' => implode(',', Results::getByFeature($show[3], $GLOBALS['configuration']['release'])) - ))); - } - - if (isset($show[4])) { - $tpl->set('five', json_encode(array( - 'key' => $show[4], - 'supported' => implode(',', Results::getByFeature($show[4], $GLOBALS['configuration']['release'])) - ))); - } - } - - echo $tpl->fetch(); \ No newline at end of file diff --git a/backend/controllers/fingerprint.php b/backend/controllers/fingerprint.php deleted file mode 100644 index aaeea61f..00000000 --- a/backend/controllers/fingerprint.php +++ /dev/null @@ -1,23 +0,0 @@ -set('fingerprint', $row); - } - - if ($row = Results::getByFingerprint($_REQUEST['id'])) { - $tpl->set('results', $row); - } - } - - echo $tpl->fetch(); diff --git a/backend/controllers/latest.php b/backend/controllers/latest.php deleted file mode 100644 index 8e9beb55..00000000 --- a/backend/controllers/latest.php +++ /dev/null @@ -1,14 +0,0 @@ -set('results', Raw::getAll()); - - - echo $tpl->fetch(); \ No newline at end of file diff --git a/backend/controllers/results.php b/backend/controllers/results.php deleted file mode 100644 index 4b65cd0f..00000000 --- a/backend/controllers/results.php +++ /dev/null @@ -1,261 +0,0 @@ -set('type', $type); - - - $consoles = array(); - - $result = $db->query(" - SELECT - v.status, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('gaming-console',v.type) - ORDER BY - score DESC - "); - - while ($row = $result->fetch_object()) { - $consoles[] = $row; - } - - $tpl->set('consoles', $consoles); - - $portables = array(); - - $result = $db->query(" - SELECT - v.status, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('gaming-portable',v.type) - ORDER BY - score DESC - "); - - while ($row = $result->fetch_object()) { - $portables[] = $row; - } - - $tpl->set('portables', $portables); - - $smarttvs = array(); - - $result = $db->query(" - SELECT - v.status, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('television-smart',v.type) - ORDER BY - score DESC - "); - - while ($row = $result->fetch_object()) { - $smarttvs[$row->status][] = $row; - } - - $tpl->set('smarttvs', $smarttvs); - - $settopboxes = array(); - - $result = $db->query(" - SELECT - v.status, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('television-box',v.type) - ORDER BY - score DESC - "); - - while ($row = $result->fetch_object()) { - $settopboxes[] = $row; - } - - $tpl->set('settopboxes', $settopboxes); - - $ereaders = array(); - - $result = $db->query(" - SELECT - v.status, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('ereader',v.type) - ORDER BY - score DESC - "); - - while ($row = $result->fetch_object()) { - $ereaders[] = $row; - } - - $tpl->set('ereaders', $ereaders); - - - echo $tpl->fetch(); - } - - else { - $tpl = new Template('../templates/results.html'); - $tpl->set('type', $type); - - - $main = array(); - $names = array(); - - $result = $db->query(" - SELECT - v.status, IFNULL(pp.nickname,pp.name) as name, IFNULL(p.nickname,p.name) as alternative, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, f.score - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN data_platforms AS pp ON (pp.platform = IFNULL(p.related,p.platform)) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - pp.order > 0 AND - v.visible = 1 AND - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('" . $type . "',v.type) - ORDER BY - pp.order DESC, IFNULL(p.related,p.platform), v.status = 'upcoming' DESC, v.status = 'current' DESC, v.status = 'legacy' DESC, !ISNULL(v.releasedate), v.releasedate DESC - "); - - $count = 0; - - $previousPlatform = ''; - $previousId = ''; - - while ($row = $result->fetch_object()) { - $names[$row->name] = array($row->name, $row->id); - - if (!isset($main[$row->name])) { - $main[$row->name] = array(null, null); - } - - if ($row->status == 'upcoming') { - $main[$row->name][0] = $row; - } - - if ($row->status == 'current') { - $main[$row->name][1] = $row; - } - - if ($row->status == 'legacy' && count($main[$row->name]) < 8) { - if ($row->id == $previousId && $row->platform != $previousPlatform) { - $main[$row->name][] = $row->alternative; - } - - $main[$row->name][] = $row; - } - - $previousPlatform = $row->platform; - $previousId = $row->id; - - $count = max($count, count($main[$row->name])); - } - - $tpl->set('main', $main); - $tpl->set('mainRows', $count); - $tpl->set('mainColumns', $names); - - - - $results = array(); - - $result = $db->query(" - SELECT - v.status, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('" . $type . "',v.type) - ORDER BY - score DESC, platform ASC, version DESC - "); - - while ($row = $result->fetch_object()) { - $results[$row->status][] = $row; - } - - - $tpl->set('results', $results); - - - - $sets = array(); - - $result = $db->query(" - SELECT - p.order, pp.name AS grouped, v.platform, IFNULL(p.related,p.platform) AS id, IFNULL(v.version,'') AS version, v.nickname, v.details, IF(ISNULL(v.releasedate),DATE(NOW()),v.releasedate) AS `releasedate`, v.status, f.score - FROM - data_versions AS v - LEFT JOIN data_platforms AS p ON (v.platform = p.platform) - LEFT JOIN data_platforms AS pp ON (pp.platform = IFNULL(p.related,p.platform)) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - (!ISNULL(v.releasedate) OR v.status = 'upcoming') AND - s.release = '" . $GLOBALS['configuration']['release'] . "' AND - FIND_IN_SET('" . $type . "',p.type) AND - !ISNULL(f.score) - ORDER BY - pp.name, `releasedate` - "); - - while ($row = $result->fetch_object()) { - $sets[$row->grouped]['name'] = $row->grouped; - $sets[$row->grouped]['data'][] = $row; - } - - $tpl->set('sets', $sets); - - echo $tpl->fetch(); - } \ No newline at end of file diff --git a/backend/controllers/saved.php b/backend/controllers/saved.php deleted file mode 100644 index 18c09d35..00000000 --- a/backend/controllers/saved.php +++ /dev/null @@ -1,20 +0,0 @@ -set('release', intval($GLOBALS['configuration']['release'])); - - if (isset($_REQUEST['id'])) { - - if ($row = Results::getByUniqueId($_REQUEST['id'])) { - $tpl->set('one', json_encode($row)); - $tpl->set('legacy', intval($row->release) != intval($GLOBALS['configuration']['release'])); - $tpl->set('release', intval($row->release)); - } - } - - echo $tpl->fetch(); diff --git a/backend/controllers/search.php b/backend/controllers/search.php deleted file mode 100644 index 0aacd545..00000000 --- a/backend/controllers/search.php +++ /dev/null @@ -1,12 +0,0 @@ -fetch(); \ No newline at end of file diff --git a/backend/controllers/timeline.php b/backend/controllers/timeline.php deleted file mode 100644 index 166d3dc4..00000000 --- a/backend/controllers/timeline.php +++ /dev/null @@ -1,50 +0,0 @@ -query(" - SELECT - * - FROM - data_platforms - WHERE - (platform = '" . $db->escape_string($_REQUEST['id']) . "' OR related = '" . $db->escape_string($_REQUEST['id']) . "') AND - FIND_IN_SET('" . $db->escape_string($_REQUEST['type']) . "',type) - ORDER BY - related IS NULL DESC, `order` - "); - - $names = []; - $name = ''; - - while ($row = $result->fetch_object()) { - $names[] = $row->name; - } - - $last = array_pop($names); - - if (count($names)) { - $name = implode(', ', $names) . ' and ' . $last; - } else { - $name = $last; - } - - $tpl->set('name', $name); - - if ($timeline = Results::getTimeline($_REQUEST['id'], $_REQUEST['type'], $GLOBALS['configuration']['release'])) { - $tpl->set('timeline', $timeline); - } - } - - echo $tpl->fetch(); diff --git a/backend/index.php b/backend/index.php deleted file mode 100644 index d4992d5f..00000000 --- a/backend/index.php +++ /dev/null @@ -1,303 +0,0 @@ -query('SELECT DISTINCT identifier FROM results WHERE `release` = "' . $GLOBALS['configuration']['release'] . '" AND source = "' . $db->escape_string($_REQUEST['source']) . '"'); - while ($row = $result->fetch_object()) { - $data[] = $row->identifier; - } - - echo json_encode($data); - break; - - case 'getTask': - $task = Uuid::uuid4(); - $source = $_REQUEST['source']; - $identifier = $_REQUEST['identifier']; - - $url = (!empty($_SERVER['HTTPS']) ? 'https://' : 'http://') . - $_SERVER['HTTP_HOST'] . - '/index.html' . - '?task=' . $task . - '&source=' . rawurlencode($source) . - '&identifier=' . rawurlencode($identifier); - - echo json_encode(array('task' => $task, 'url' => $url)); - break; - - case 'hasTask': - $db = Factory::Database(); - $result = $db->query('SELECT * FROM results WHERE task = "' . $db->escape_string($_REQUEST['task']) . '"'); - - if ($result->num_rows) { - if ($row = $result->fetch_object()) { - $url = (!empty($_SERVER['HTTPS']) ? 'https://' : 'http://') . - $_SERVER['HTTP_HOST'] . - '/s/' . - $row->uniqueid . - '.html'; - - echo json_encode(array( - 'source' => $row->source, - 'identifier' => $row->identifier, - 'score' => intval($row->score), - 'fingerprint' => $row->fingerprint, - 'url' => $url, - )); - } - } else { - echo 'false'; - } - break; - - case 'exportResults': - echo json_encode(Results::export($GLOBALS['configuration']['release'])); - break; - - case 'myResults': - echo json_encode(Raw::getMine()); - break; - - case 'allResults': - echo json_encode(Raw::getAll()); - break; - - case 'searchResults': - echo json_encode(Raw::search($_REQUEST['query'])); - break; - - case 'loadFeature': - echo json_encode(array( - 'key' => $_REQUEST['key'], - 'supported' => implode(',', Results::getByFeature($_REQUEST['key'], $GLOBALS['configuration']['release'])) - )); - - break; - - case 'loadBrowser': - if (substr($_REQUEST['id'], 0, 7) == 'custom:') { - if ($data = Results::getByUniqueId(substr($_REQUEST['id'], 7))) { - echo json_encode($data); - } - - } else { - if ($data = Results::getByBrowser($_REQUEST['id'], $GLOBALS['configuration']['release'])) { - echo json_encode($data); - } - } - - break; - - case 'submit': - $payload = json_decode($_REQUEST['payload']); - $headers = getallheaders(); - - $filteredHeaders = ''; - - foreach($headers as $key => $value) { - if (!in_array(strtolower($key), array( - 'accept', 'host', 'connection', 'dnt', 'user-agent', 'accept-encoding', 'accept-language', - 'accept-charset', 'referer', 'cookie', 'content-type', 'content-length', 'content-transfer-encoding', - 'origin', 'pragma', 'cache-control', 'via', 'clientip', 'x-bluecoat-via', 'x-piper-id', - 'x-forwarded-for', 'x-teacup', 'x-saucer', 'isajaxrequest', 'keep-alive', 'max-forwards', - 'xroxy-connection', 'client-ip', 'cookie2', 'x-via', 'x-imforwards', 'http-client-id', - 'x-proxy-id', 'z-forwarded-for', 'expect', 'x-ip-address', 'x-rbt-optimized-by', 'qpr-loop', - 'cuda_cliip', 'x-source-id', 'x-clickoncesupport' - ))) { - $filteredHeaders .= $key . ": " . $value . "\n"; - } - } - - if (!$GLOBALS['configuration']['readonly'] && intval($payload->release) >= 5) { - $useragentHeader = $_SERVER['HTTP_USER_AGENT']; - $useragentId = preg_replace("/(; ?)[a-z][a-z](?:-[a-zA-Z][a-zA-Z])?([;)])/", '$1xx$2', $useragentHeader); - - $db = Factory::Database(); - - $db->query(' - INSERT INTO - results - SET - `release` = "' . $db->escape_string($payload->release) . '", - `timestamp` = NOW(), - `ip` = "' . $db->escape_string(get_ip_address()) . '", - `protocol` = "' . $db->escape_string($payload->protocol) . '", - `source` = ' . (is_null($payload->source) ? 'NULL' : '"' . $db->escape_string($payload->source) . '"') . ', - `identifier` = ' . (is_null($payload->identifier) ? 'NULL' : '"' . $db->escape_string($payload->identifier) . '"') . ', - `task` = ' . (is_null($payload->task) ? 'NULL' : '"' . $db->escape_string($payload->task) . '"') . ', - `uniqueid` = "' . $db->escape_string($payload->uniqueid) . '", - `score` = "' . $db->escape_string($payload->score) . '", - `maximum` = "' . $db->escape_string($payload->maximum) . '", - `fingerprint` = "' . $db->escape_string(md5($payload->results.$payload->points)) . '", - `camouflage` = "' . $db->escape_string($payload->camouflage) . '", - `features` = "' . $db->escape_string($payload->features) . '", - `browserName` = "' . $db->escape_string($payload->browserName) . '", - `browserChannel` = "' . $db->escape_string($payload->browserChannel) . '", - `browserVersion` = "' . $db->escape_string($payload->browserVersion) . '", - `browserVersionType` = "' . $db->escape_string($payload->browserVersionType) . '", - `browserVersionMajor` = "' . intval($payload->browserVersionMajor) . '", - `browserVersionMinor` = "' . intval($payload->browserVersionMinor) . '", - `browserVersionOriginal` = "' . $db->escape_string($payload->browserVersionOriginal) . '", - `browserMode` = "' . $db->escape_string($payload->browserMode) . '", - `engineName` = "' . $db->escape_string($payload->engineName) . '", - `engineVersion` = "' . $db->escape_string($payload->engineVersion) . '", - `osName` = "' . $db->escape_string($payload->osName) . '", - `osFamily` = "' . $db->escape_string($payload->osFamily) . '", - `osVersion` = "' . $db->escape_string($payload->osVersion) . '", - `deviceManufacturer` = "' . $db->escape_string($payload->deviceManufacturer) . '", - `deviceModel` = "' . $db->escape_string($payload->deviceModel) . '", - `deviceSeries` = "' . $db->escape_string($payload->deviceSeries) . '", - `deviceWidth` = "' . $db->escape_string($payload->deviceWidth) . '", - `deviceHeight` = "' . $db->escape_string($payload->deviceHeight) . '", - `deviceType` = "' . $db->escape_string($payload->deviceType) . '", - `useragent` = "' . $db->escape_string($payload->useragent) . '", - `useragentHeader` = "' . $db->escape_string($useragentHeader) . '", - `useragentId` = "' . $db->escape_string(md5($useragentId)) . '", - `humanReadable` = "' . $db->escape_string($payload->humanReadable) . '", - `headers` = "' . $db->escape_string($filteredHeaders) . '", - `status` = 0 - '); - - echo $db->error; - - $db->query(' - REPLACE INTO - indices - SET - `release` = "' . $db->escape_string($payload->release) . '", - `fingerprint` = "' . $db->escape_string(md5($payload->results.$payload->points)) . '", - `score` = "' . $db->escape_string($payload->score) . '", - `humanReadable` = "' . $db->escape_string($payload->humanReadable) . '", - `browserName` = "' . $db->escape_string($payload->browserName) . '", - `browserVersion` = "' . $db->escape_string($payload->browserVersion) . '", - `engineName` = "' . $db->escape_string($payload->engineName) . '", - `engineVersion` = "' . $db->escape_string($payload->engineVersion) . '", - `osName` = "' . $db->escape_string($payload->osName) . '", - `osFamily` = "' . $db->escape_string($payload->osFamily) . '", - `osVersion` = "' . $db->escape_string($payload->osVersion) . '", - `deviceManufacturer` = "' . $db->escape_string($payload->deviceManufacturer) . '", - `deviceModel` = "' . $db->escape_string($payload->deviceModel) . '", - `deviceSeries` = "' . $db->escape_string($payload->deviceSeries) . '", - `deviceType` = "' . $db->escape_string($payload->deviceType) . '", - `timestamp` = NOW(), - `uniqueid` = "' . $db->escape_string($payload->uniqueid) . '" - '); - - $db->query(' - INSERT INTO - fingerprints - SET - `release` = "' . $db->escape_string($payload->release) . '", - `fingerprint` = "' . $db->escape_string(md5($payload->results.$payload->points)) . '", - `score` = "' . $db->escape_string($payload->score) . '", - `maximum` = "' . $db->escape_string($payload->maximum) . '", - `results` = "' . $db->escape_string($payload->results) . '", - `points` = "' . $db->escape_string($payload->points) . '" - '); - } - - break; - - case 'feedback': - $payload = json_decode($_REQUEST['payload']); - - if (!$GLOBALS['configuration']['readonly']) { - $db = Factory::Database(); - - $db->query(' - UPDATE - results - SET - status = -1, - comments = "' . $db->escape_string($payload->value) . '" - WHERE - uniqueid = "' . $db->escape_string($payload->uniqueid) . '" - '); - } - - break; - - case 'save': - $payload = json_decode($_REQUEST['payload']); - - if (!$GLOBALS['configuration']['readonly']) { - $db = Factory::Database(); - - $db->query(' - UPDATE - results - SET - used = used + 1, - lastUsed = NOW() - WHERE - uniqueid = "' . $db->escape_string($payload->uniqueid) . '" - '); - } - - break; - - case 'confirm': - $payload = json_decode($_REQUEST['payload']); - - if (!$GLOBALS['configuration']['readonly']) { - $db = Factory::Database(); - - $db->query(' - UPDATE - results - SET - status = 1 - WHERE - uniqueid = "' . $db->escape_string($payload->uniqueid) . '" - '); - } - - break; - - case 'report': - $payload = json_decode($_REQUEST['payload']); - - if (!$GLOBALS['configuration']['readonly']) { - $db = Factory::Database(); - - $db->query(' - UPDATE - results - SET - status = -1 - WHERE - uniqueid = "' . $db->escape_string($payload->uniqueid) . '" - '); - } - - break; - } diff --git a/backend/libraries/database.php b/backend/libraries/database.php deleted file mode 100644 index 13effe02..00000000 --- a/backend/libraries/database.php +++ /dev/null @@ -1,11 +0,0 @@ -set_charset ('utf8'); - return $db; - } - } \ No newline at end of file diff --git a/backend/libraries/template.php b/backend/libraries/template.php deleted file mode 100644 index 11d899fb..00000000 --- a/backend/libraries/template.php +++ /dev/null @@ -1,93 +0,0 @@ -file = $file; - } - - /** - * Set a template variable. - */ - function set($name, $value) { - $this->value[$name] = is_object($value) && @function_exists(array($value, 'Template')) ? $value->fetch() : $value; - } - - function append($name, $value) { - if (isset($this->append[$name])) - $this->append[$name] .= is_object($value) && @function_exists(array($value, 'Template')) ? $value->fetch() : $value; - else - $this->append[$name] = is_object($value) && @function_exists(array($value, 'Template')) ? $value->fetch() : $value; - } - - function prepend($name, $value) { - if (isset($this->prepend[$name])) - $this->prepend[$name] .= is_object($value) && @function_exists(array($value, 'Template')) ? $value->fetch() : $value; - else - $this->prepend[$name] = is_object($value) && @function_exists(array($value, 'Template')) ? $value->fetch() : $value; - } - - function filter($function) { - $this->filters[] = $function; - } - - function get($name) { - return $this->value[$name]; - } - - /** - * Open, parse, and return the template file. - * - * @param $file string the template file name - */ - function fetch($file = null) { - if(!$file) $file = $this->file; - - if (is_array($this->prepend)) { - while(list($k,) = each($this->prepend)) { - if (isset($this->value[$k])) - $this->value[$k] = $this->prepend[$k] . $this->value[$k]; - else - $this->value[$k] = $this->prepend[$k]; - } - } - - if (is_array($this->append)) { - while(list($k,) = each($this->append)) { - if (isset($this->value[$k])) - $this->value[$k] = $this->value[$k] . $this->append[$k]; - else - $this->value[$k] = $this->append[$k]; - } - } - - if (is_array($this->value)) { - extract($this->value); - } - // Extract the vars to local namespace - - ob_start(); // Start output buffering - include($file); // Include the file - $contents = ob_get_contents(); // Get the contents of the buffer - ob_end_clean(); // End buffering and discard - - // Execute any registered filters... - if (is_array($this->filters)) { - while(list(,$f) = each($this->filters)) { - $contents = call_user_func($f, $contents, $this); - } - } - - return $contents; // Return the contents - } -} \ No newline at end of file diff --git a/backend/libraries/tools.php b/backend/libraries/tools.php deleted file mode 100644 index a564e5f0..00000000 --- a/backend/libraries/tools.php +++ /dev/null @@ -1,81 +0,0 @@ -= 0) && (($no = $dif / $lngh[$v]) <= 1); $v--); - if ($v < 0) - $v = 0; - $_tm = $cur_tm - ($dif % $lngh[$v]); - - $no = ($rcs ? floor($no) : round($no)); // if last denomination, round - - if ($no != 1) - $pds[$v] .= 's'; - $x = $no . ' ' . $pds[$v]; - - if (($rcs > 0) && ($v >= 1)) - $x .= ' ' . $this->time_ago($_tm, $rcs - 1); - - return $x; - } - - - function get_ip_address() { - $ip = $_SERVER['REMOTE_ADDR']; - - $headers = apache_request_headers(); - if (isset($headers['X-Forwarded-For'])) $ip = $headers['X-Forwarded-For']; - if (isset($headers['Proxy-Client-IP'])) $ip = $headers['Proxy-Client-IP']; - if (isset($headers['X-Client-IP'])) $ip = $headers['X-Client-IP']; - if (isset($headers['Client-IP'])) $ip = $headers['Client-IP']; - - return $ip; - } - - function opt_explode($echar, $str) { - $newstrarr = []; - - if (strlen($echar) != 1 || strlen($str) == 0) { - return 0; - } - - $str = trim($str); - - $idx=0; - $arr=0; - - while($idx < strlen($str)) { - if($str[$idx] == '"') { - // quoted field - $idx++; - while ($idx < strlen($str)) { - // look for ending quote - if($str[$idx] == '"') { - $idx++; - $arr++; - break; - } - $newstrarr[$arr] = $newstrarr[$arr] . $str[$idx]; - $idx++; - } - } elseif ($str[$idx] == $echar) { - // normal delimiter, advance element - $arr++; - } else { - // must be normal char, tack onto current element - if (isset($newstrarr[$arr])) { - $newstrarr[$arr] = $newstrarr[$arr] . $str[$idx]; - } else { - $newstrarr[$arr] = $str[$idx]; - } - } - $idx++; - } - - return $newstrarr; - } \ No newline at end of file diff --git a/backend/models/browsers.php b/backend/models/browsers.php deleted file mode 100644 index 7f15c4a9..00000000 --- a/backend/models/browsers.php +++ /dev/null @@ -1,42 +0,0 @@ -query(" - SELECT - v.platform, IFNULL(v.version,'') AS version, v.nickname, v.details, v.visible, IFNULL(p.related,p.platform) AS id, f.score - FROM - data_platforms AS p - LEFT JOIN data_versions AS v ON (p.platform = v.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - FIND_IN_SET('" . $type . "',v.type) AND - s.release = '" . $release . "' AND - f.points != '' - ORDER BY - v.platform, v.status='experimental', v.status='upcoming', ISNULL(v.releasedate), v.releasedate, v.version - "); - - while ($row = $result->fetch_object()) { - $row->uid = $type . '-' . $row->platform . '-' . $row->version; - $row->type = $type; - $row->visible = $row->visible == '1'; - - $results[] = $row; - } - } - - return $results; - } - - - } \ No newline at end of file diff --git a/backend/models/fingerprint.php b/backend/models/fingerprint.php deleted file mode 100644 index f7657851..00000000 --- a/backend/models/fingerprint.php +++ /dev/null @@ -1,159 +0,0 @@ - 20) { - $data['status'] = 'none'; - unset($data['items']); - } - - if ($data['status'] == 'fixed' || $data['status'] == 'list') { - $items = array(); - - reset ($data['items']); - while (list($k,$v) = each($data['items'])) { - $items[] = array('name' => $k, 'value' => $v['value'], 'percentage' => $v['percentage']); - } - - $data['items'] = $items; - - usort($data['items'], function ($a, $b) { - if ($a['value'] == $b['value']) { - return 0; - } - return ($a['value'] > $b['value']) ? -1 : 1; - }); - } - - return $data; - } - - - static function getById($id) { - $results = array( - 'results' => array(), - 'browserName' => array('items' => array(), 'status' => 'list'), - 'browserVersion' => array('items' => array(), 'status' => 'list'), - 'osName' => array('items' => array(), 'status' => 'list'), - 'osVersion' => array('items' => array(), 'status' => 'list'), - 'deviceManufacturer' => array('items' => array(), 'status' => 'list'), - 'deviceModel' => array('items' => array(), 'status' => 'list') - ); - - $db = Factory::Database(); - - $result = $db->query(" - SELECT - * - FROM - results - WHERE - fingerprint = '" . $db->escape_string($id) . "' - ORDER BY - humanReadable - "); - - while ($row = $result->fetch_object()) { - $results['results'][] = (object) array( - 'id' => $row->uniqueid, - 'name' => $row->humanReadable, - 'ago' => time_ago(strtotime($row->timestamp)) - ); - - if (!isset($results['browserName']['items'][trim($row->browserName)])) { - $results['browserName']['items'][trim($row->browserName)] = array('value' => 0); - } - - $results['browserName']['items'][trim($row->browserName)]['value']++; - - - if (!isset($results['browserVersion']['items'][trim($row->browserName . ' ' . $row->browserVersion)])) { - $results['browserVersion']['items'][trim($row->browserName . ' ' . $row->browserVersion)] = array('value' => 0); - } - - $results['browserVersion']['items'][trim($row->browserName . ' ' . $row->browserVersion)]['value']++; - - - if (!isset($results['osName']['items'][trim($row->osName)])) { - $results['osName']['items'][trim($row->osName)] = array('value' => 0); - } - - $results['osName']['items'][trim($row->osName)]['value']++; - - - if (!isset($results['osVersion']['items'][trim($row->osName . ' ' . $row->osVersion)])) { - $results['osVersion']['items'][trim($row->osName . ' ' . $row->osVersion)] = array('value' => 0); - } - - $results['osVersion']['items'][trim($row->osName . ' ' . $row->osVersion)]['value']++; - - - if (!isset($results['deviceManufacturer']['items'][trim($row->deviceManufacturer)])) { - $results['deviceManufacturer']['items'][trim($row->deviceManufacturer)] = array('value' => 0); - } - - $results['deviceManufacturer']['items'][trim($row->deviceManufacturer)]['value']++; - - - if (!isset($results['deviceModel']['items'][trim($row->deviceManufacturer . ' ' . $row->deviceModel)])) { - $results['deviceModel']['items'][trim($row->deviceManufacturer . ' ' . $row->deviceModel)] = array('value' => 0); - } - - $results['deviceModel']['items'][trim($row->deviceManufacturer . ' ' . $row->deviceModel)]['value']++; - } - - - $results['browserName'] = Fingerprint::process($results['browserName']); - $results['browserVersion'] = Fingerprint::process($results['browserVersion']); - $results['osName'] = Fingerprint::process($results['osName']); - $results['osVersion'] = Fingerprint::process($results['osVersion']); - $results['deviceManufacturer'] = Fingerprint::process($results['deviceManufacturer']); - $results['deviceModel'] = Fingerprint::process($results['deviceModel']); - - if ($results['deviceManufacturer']['status'] == 'fixed' && $results['deviceManufacturer']['value'] == '') { - $results['deviceManufacturer']['status'] = 'none'; - unset($results['deviceManufacturer']['value']); - } - - if ($results['deviceModel']['status'] == 'fixed' && $results['deviceModel']['value'] == '') { - $results['deviceModel']['status'] = 'none'; - unset($results['deviceModel']['value']); - } - - return $results; - } - } \ No newline at end of file diff --git a/backend/models/raw.php b/backend/models/raw.php deleted file mode 100644 index 117c8dfc..00000000 --- a/backend/models/raw.php +++ /dev/null @@ -1,165 +0,0 @@ - 1) { - if ($components[0] == 'score') { - $comparison = $negative ? '!=' : '='; - - if (substr($components[1], -1) == '+') { - $comparison = $negative ? '<=' : '>'; - $components[1] = substr($components[1], 0, -1); - } - - if (substr($components[1], -1) == '-') { - $comparison = $negative ? '>=' : '<'; - $components[1] = substr($components[1], 0, -1); - } - - $where[] = 'score ' . $comparison . ' ' . intval($components[1]); - } - - if (in_array($components[0], array('browserVersion', 'engineVersion', 'osVersion', 'browserName', 'engineName', 'osName', 'deviceManufacturer', 'deviceType', 'deviceModel'))) { - if ($components[1] == "") { - $where[] = $components[0] . ($negative ? ' !=' : ' =') . ' ""'; - } else { - $where[] = $components[0] . ($negative ? ' NOT' : '') . ' LIKE "' . $db->escape_string($components[1]) . '%"'; - } - } - - if (in_array($components[0], array('useragent'))) { - if ($components[1] == "") { - $where[] = $components[0] . ($negative ? ' !=' : ' =') . ' ""'; - } else { - $where[] = $components[0] . ($negative ? ' NOT' : '') . ' LIKE "%' . $db->escape_string($components[1]) . '%"'; - } - } - } - - else { - $where[] = ($negative ? '!' : '') . 'MATCH(humanReadable) AGAINST ("\"' . $db->escape_string($components[0]) . '\"")'; - } - } - - - - $result = $db->query(' - INSERT INTO - queries - SET - query = "' . $db->escape_string($query) . '", - compiledQuery = "' . $db->escape_string(implode(' AND ', $where)) . '" - '); - - $id = $db->insert_id; - $start = time(); - - - $results = array(); - - $result = $db->query(' - SELECT - timestamp, uniqueid, score, humanReadable - FROM - indices - WHERE - ' . implode(' AND ', $where) . ' - ORDER BY - timestamp DESC - LIMIT 100 - '); - - while ($row = $result->fetch_object()) { - $results[] = (object) array( - 'uniqueid' => $row->uniqueid, - 'score' => intval($row->score), - 'humanReadable' => $row->humanReadable, - 'ago' => time_ago(strtotime($row->timestamp)) - ); - } - - - $db->query(' - UPDATE - queries - SET - elapsedTime = ' . (time() - $start) . ' - WHERE - id = ' . $db->escape_string($id) . ' - '); - - - return $results; - } - - static function getAll() { - $db = Factory::Database(); - - $results = array(); - - $result = $db->query(' - SELECT - timestamp, uniqueid, score, humanReadable - FROM - results - ORDER BY - timestamp DESC - LIMIT 100 - '); - - while ($row = $result->fetch_object()) { - $results[] = (object) array( - 'uniqueid' => $row->uniqueid, - 'score' => intval($row->score), - 'humanReadable' => $row->humanReadable, - 'ago' => time_ago(strtotime($row->timestamp)) - ); - } - - return $results; - } - - static function getMine() { - $db = Factory::Database(); - - $results = array(); - - $result = $db->query(' - SELECT - timestamp, uniqueid, score, humanReadable - FROM - results - WHERE - ip = "' . $db->escape_string(get_ip_address()) . '" - ORDER BY - timestamp DESC - LIMIT 100 - '); - - while ($row = $result->fetch_object()) { - $results[] = (object) array( - 'uniqueid' => $row->uniqueid, - 'score' => intval($row->score), - 'humanReadable' => $row->humanReadable, - 'ago' => time_ago(strtotime($row->timestamp)) - ); - } - - return $results; - } - } \ No newline at end of file diff --git a/backend/models/results.php b/backend/models/results.php deleted file mode 100644 index f7c35574..00000000 --- a/backend/models/results.php +++ /dev/null @@ -1,338 +0,0 @@ -query(" - SELECT - v.platform, IFNULL(v.version,'') AS version, v.nickname, v.releasedate, v.status, f.score, f.results - FROM - data_platforms AS p - LEFT JOIN data_versions AS v ON (p.platform = v.platform) - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (s.fingerprint = f.fingerprint) - WHERE - (p.platform = '" . $db->escape_string($id) . "' OR p.related = '" . $db->escape_string($id) . "') AND - FIND_IN_SET('" . $db->escape_string($type) . "',p.type) AND - FIND_IN_SET('" . $db->escape_string($type) . "',v.type) AND - v.status != 'experimental' AND - s.release = '" . $release . "' - ORDER BY - IF(v.status='upcoming',1,0) DESC, v.releasedate DESC, p.related, v.version DESC - "); - - while ($row = $result->fetch_object()) { - $results[] = $row; - } - - for ($i = 0; $i < count($results) - 1; $i++) { - $results[$i]->changes = Results::getDiff($results[$i]->results, $results[$i + 1]->results); - } - - for ($i = 0; $i < count($results); $i++) { - unset($results[$i]->results); - } - - return $results; - } - - static function getArray($string) { - $result = array(); - - $array = explode(',', $string); - - for ($i = 0; $i < count($array); $i++) { - $item = explode('=', $array[$i]); - $result[$item[0]] = $item[1]; - } - - return $result; - } - - static function getDiff($current, $previous) { - $current = Results::getArray($current); - $previous = Results::getArray($previous); - - $changes = array(); - - foreach ($previous AS $p => $value) { - if (preg_match("/\.codecs\./", $p)) continue; - - if ($previous[$p] == 33) $previous[$p] = 1; - if ($current[$p] == 33) $current[$p] = 1; - - if ($previous[$p] != $current[$p]) { - $changes[] = (object) array( - 'id' => $p, - 'from' => $previous[$p], - 'to' => $current[$p] - ); - } - } - - return $changes; - } - - - static function getByFeature($id, $release) { - $db = Factory::Database(); - - $results = array(); - - $result = $db->query(" - SELECT - IFNULL(SUBSTRING_INDEX(SUBSTRING_INDEX(f.results,'" . $db->escape_string($id) . "=',-1),',',1),0) as supported, - v.platform, IFNULL(v.version,'') AS version - FROM - data_versions AS v - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $release . "' - "); - - while ($row = $result->fetch_object()) { - $results[] = $row->platform . '-' . $row->version . '=' . $row->supported; - } - - return $results; - } - - static function getByBrowser($browser, $release) { - $db = Factory::Database(); - - $browser = explode('-', $browser); - - if (count($browser) > 1) { - list($browserPlatform, $browserVersion) = $browser; - - $result = $db->query(" - SELECT - v.platform, IFNULL(v.version,'') AS version, v.nickname, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $release . "' AND - v.platform = '" . $db->escape_string($browserPlatform) . "' AND - v.version = '" . $db->escape_string($browserVersion) . "' - "); - - if ($row = $result->fetch_object()) { - return $row; - } - - return; - } - else { - $browserPlatform = $browser[0]; - } - - $result = $db->query(" - SELECT - v.platform, IFNULL(v.version,'') AS version, v.nickname, f.score, f.points, f.results - FROM - data_versions AS v - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $release . "' AND - v.platform = '" . $db->escape_string($browserPlatform) . "' AND - v.version IS NULL - ORDER BY - v.releasedate DESC - "); - - if ($row = $result->fetch_object()) { - return $row; - } - } - - - - static function getByUniqueId($id) { - $db = Factory::Database(); - - $result = $db->query(" - SELECT - r.release, r.uniqueid AS id, 'Unique id' AS nickname, f.score, f.maximum, f.points, f.results, humanReadable, useragentHeader AS useragent, deviceWidth, deviceHeight, f.fingerprint - FROM - results AS r - LEFT JOIN fingerprints AS f ON (r.fingerprint = f.fingerprint) - WHERE - r.uniqueid ='" . $db->escape_string($id) . "' - "); - - if ($row = $result->fetch_object()) { - - // Update use counter - $db->query(' - UPDATE - results - SET - used = used + 1, - lastUsed = NOW() - WHERE - uniqueid = "' . $db->escape_string($id) . '" - '); - - return $row; - } - - - /* Quick hack to make older ids work again */ - - $result = $db->query(" - SELECT - r.version as `release`, r.uniqueid AS id, 'Unique id' AS nickname, f.score, f.maximum, f.points, f.results, humanReadable, useragentHeader AS useragent, deviceWidth, deviceHeight, f.fingerprint - FROM - html5test5.results AS r - LEFT JOIN html5test5.fingerprints AS f ON (r.fingerprint = f.fingerprint) - WHERE - r.uniqueid ='" . $db->escape_string($id) . "' - "); - - if ($row = $result->fetch_object()) { - - // Update use counter - $db->query(' - UPDATE - html5test5.results - SET - used = used + 1, - lastUsed = NOW() - WHERE - uniqueid = "' . $db->escape_string($id) . '" - '); - - return $row; - } - } - - - static function getByFingerprint($id) { - $db = Factory::Database(); - - $res = $db->query(" - SELECT - score, maximum, points, results - FROM - fingerprints - WHERE - fingerprint ='" . $db->escape_string($id) . "' - "); - - if ($row = $res->fetch_object()) { - return $row; - } - } - - - static function export($release) { - $db = Factory::Database(); - - $browsers = array(); - - $res = $db->query(" - SELECT - * - FROM - data_platforms - ORDER BY - name - "); - - echo mysql_error(); - - while ($row = $res->fetch_object()) { - $browser = (object) array( - 'name' => $row->name, - 'kind' => $row->kind, - 'versions' => array() - ); - - $vres = $db->query(" - SELECT - * - FROM - data_versions - WHERE - platform = '" . addslashes($row->id) . "' - ORDER BY - version - "); - - while ($vrow = $vres->fetch_object()) { - $version = (object) array( - 'id' => is_null($vrow->version) ? $vrow->platform : $vrow->platform . '-' . $vrow->version, - 'version' => $vrow->version, - 'nickname' => $vrow->nickname, - 'release' => $vrow->release - ); - - $browser->versions[] = $version; - } - - $browsers[] = $browser; - } - - - $results = array(); - - $res = $db->query(" - SELECT - v.platform, IFNULL(v.version,'') AS version, f.results - FROM - data_versions AS v - LEFT JOIN scores AS s ON (v.platform = s.platform AND (v.version = s.version OR (v.version IS NULL AND s.version IS NULL))) - LEFT JOIN fingerprints AS f ON (f.fingerprint = s.fingerprint) - WHERE - s.release = '" . $release . "' - ORDER BY - v.platform, v.version - "); - - while ($row = $res->fetch_object()) { - $r = explode(',', $row->results); - - for ($i = 0; $i < count($r); $i++) { - list($key, $value) = explode('=', $r[$i]); - - if (!isset($results[$key])) { - $results[$key] = array(); - } - - $platform = $row->version == '' ? $row->platform : $row->platform . '-' . $row->version; - $value = intval($value); - - if ($value & 1) { - switch(true) { - case !! ($value & 2): $results[$key][$platform] = 'yes:old'; - case !! ($value & 4): $results[$key][$platform] = 'yes:buggy'; - case !! ($value & 8): $results[$key][$platform] = 'yes:prefix'; - default: $results[$key][$platform] = 'yes'; - } - } - else { - switch(true) { - case !! ($value & 16): $results[$key][$platform] = 'no:blocked'; - default: $results[$key][$platform] = 'no'; - } - } - } - } - - - return array( - 'browsers' => $browsers, - 'results' => $results - ); - } - } \ No newline at end of file diff --git a/backend/other/database.sql b/backend/other/database.sql deleted file mode 100644 index c5bcf030..00000000 --- a/backend/other/database.sql +++ /dev/null @@ -1,146 +0,0 @@ -CREATE TABLE `browserCompanies` ( - `id` varchar(24) DEFAULT NULL, - `name` varchar(128) DEFAULT NULL -) ENGINE=MyISAM DEFAULT CHARSET=utf8; - -CREATE TABLE `browserDevices` ( - `id` char(24) DEFAULT NULL, - `name` varchar(128) DEFAULT NULL -) ENGINE=MyISAM DEFAULT CHARSET=utf8; - -CREATE TABLE `browserFamilies` ( - `id` char(24) DEFAULT NULL, - `name` varchar(128) DEFAULT NULL -) ENGINE=MyISAM DEFAULT CHARSET=utf8; - -CREATE TABLE `browserPlatforms` ( - `id` char(24) DEFAULT NULL, - `name` varchar(128) DEFAULT NULL -) ENGINE=MyISAM DEFAULT CHARSET=utf8; - -CREATE TABLE `browserVariants` ( - `id` char(24) NOT NULL DEFAULT '', - `name` varchar(128) DEFAULT NULL, - `nickname` varchar(128) DEFAULT NULL, - `company` varchar(128) DEFAULT NULL, - `importance` int(2) DEFAULT '0', - `kind` varchar(128) DEFAULT NULL, - `type` varchar(128) DEFAULT NULL, - `family` char(24) DEFAULT NULL, - `platforms` varchar(128) DEFAULT NULL, - `devices` varchar(128) DEFAULT NULL, - PRIMARY KEY (`id`) -) ENGINE=MyISAM DEFAULT CHARSET=utf8; - -CREATE TABLE `browserVersions` ( - `id` int(11) NOT NULL AUTO_INCREMENT, - `variant` varchar(32) DEFAULT NULL, - `version` varchar(32) DEFAULT NULL, - `grouped` varchar(128) DEFAULT NULL, - `nickname` varchar(128) DEFAULT NULL, - `details` varchar(128) DEFAULT NULL, - `description` varchar(256) DEFAULT NULL, - `release` date DEFAULT NULL, - `type` varchar(32) DEFAULT NULL, - `status` varchar(16) DEFAULT NULL, - `listed` int(11) NOT NULL DEFAULT '1', - PRIMARY KEY (`id`), - UNIQUE KEY `variant_version_type` (`variant`,`version`,`type`) USING BTREE -) ENGINE=InnoDB AUTO_INCREMENT=260 DEFAULT CHARSET=utf8; - -CREATE TABLE `fingerprints` ( - `fingerprint` char(32) NOT NULL DEFAULT '', - `version` tinyint(3) NOT NULL DEFAULT '0', - `score` smallint(3) NOT NULL DEFAULT '0', - `maximum` smallint(3) NOT NULL DEFAULT '0', - `points` varchar(512) NOT NULL DEFAULT '', - `results` varchar(10240) NOT NULL DEFAULT '', - PRIMARY KEY (`fingerprint`) -) ENGINE=InnoDB DEFAULT CHARSET=utf8; - -CREATE TABLE `indices` ( - `fingerprint` char(32) NOT NULL DEFAULT '', - `score` int(11) NOT NULL, - `humanReadable` char(128) NOT NULL DEFAULT '', - `browserName` char(64) NOT NULL, - `browserVersion` char(20) NOT NULL, - `engineName` char(60) NOT NULL, - `engineVersion` char(20) NOT NULL, - `osName` char(64) NOT NULL, - `osVersion` char(20) NOT NULL, - `deviceManufacturer` char(60) NOT NULL, - `deviceModel` char(64) NOT NULL, - `deviceType` char(16) NOT NULL, - `timestamp` datetime NOT NULL, - `uniqueid` char(20) NOT NULL, - PRIMARY KEY (`fingerprint`,`humanReadable`), - KEY `timestamp` (`timestamp`) USING BTREE, - KEY `browser` (`browserName`,`browserVersion`) USING BTREE, - KEY `os` (`osName`,`osVersion`) USING BTREE, - KEY `engine` (`engineName`,`engineVersion`) USING BTREE, - KEY `device` (`deviceManufacturer`,`deviceModel`) USING BTREE, - KEY `deviceModel` (`deviceModel`) USING BTREE, - FULLTEXT KEY `humanReadable` (`humanReadable`) -) ENGINE=InnoDB DEFAULT CHARSET=utf8; - -CREATE TABLE `results` ( - `version` varchar(8) CHARACTER SET latin1 NOT NULL, - `revision` int(11) NOT NULL DEFAULT '0', - `timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, - `ip` varchar(16) CHARACTER SET latin1 NOT NULL, - `protocol` varchar(8) CHARACTER SET latin1 NOT NULL, - `uniqueid` varchar(20) CHARACTER SET latin1 NOT NULL, - `score` int(11) NOT NULL, - `maximum` int(11) NOT NULL DEFAULT '0', - `browserName` varchar(64) CHARACTER SET latin1 NOT NULL, - `browserChannel` varchar(20) CHARACTER SET latin1 NOT NULL DEFAULT '', - `browserVersion` varchar(20) CHARACTER SET latin1 NOT NULL, - `browserVersionType` varchar(20) CHARACTER SET latin1 NOT NULL DEFAULT '', - `browserVersionMajor` varchar(8) CHARACTER SET latin1 NOT NULL DEFAULT '' COMMENT ' ', - `browserVersionMinor` varchar(8) CHARACTER SET latin1 NOT NULL DEFAULT '', - `browserVersionOriginal` varchar(20) CHARACTER SET latin1 NOT NULL DEFAULT '', - `browserMode` varchar(8) CHARACTER SET latin1 NOT NULL, - `engineName` varchar(60) CHARACTER SET latin1 NOT NULL, - `engineVersion` varchar(20) CHARACTER SET latin1 NOT NULL, - `osName` varchar(64) CHARACTER SET latin1 NOT NULL, - `osVersion` varchar(20) CHARACTER SET latin1 NOT NULL, - `deviceManufacturer` varchar(60) CHARACTER SET latin1 NOT NULL, - `deviceModel` varchar(64) CHARACTER SET latin1 NOT NULL, - `deviceWidth` int(11) NOT NULL DEFAULT '0', - `deviceHeight` int(11) NOT NULL DEFAULT '0', - `deviceType` varchar(16) CHARACTER SET latin1 NOT NULL DEFAULT '', - `deviceIdentified` int(11) NOT NULL DEFAULT '0', - `useragent` text CHARACTER SET latin1 NOT NULL, - `useragentHeader` text NOT NULL, - `useragentId` char(32) NOT NULL DEFAULT '', - `humanReadable` varchar(128) CHARACTER SET latin1 DEFAULT NULL, - `status` int(11) NOT NULL DEFAULT '0', - `camouflage` int(11) DEFAULT NULL, - `features` varchar(64) NOT NULL DEFAULT '', - `headers` text NOT NULL, - `fingerprint` varchar(32) NOT NULL DEFAULT '', - `points` text, - `results` text, - PRIMARY KEY (`uniqueid`), - UNIQUE KEY `uniqueid` (`uniqueid`), - KEY `timestamp` (`timestamp`) USING BTREE, - KEY `useragent` (`useragent`(20)) USING BTREE, - KEY `version` (`version`,`revision`) USING BTREE, - KEY `fingerprint` (`fingerprint`) USING BTREE, - KEY `useragentHeader` (`useragentHeader`(20)) USING BTREE, - KEY `useragentId` (`useragentId`) USING BTREE, - KEY `osName` (`osName`) USING BTREE, - KEY `osVersion` (`osVersion`) USING BTREE, - KEY `browserName` (`browserName`) USING BTREE, - KEY `deviceManufacturerModel` (`deviceManufacturer`,`deviceModel`) USING BTREE, - KEY `deviceModel` (`deviceModel`) USING BTREE -) ENGINE=InnoDB DEFAULT CHARSET=utf8; - -CREATE TABLE `scores` ( - `variant` varchar(32) DEFAULT NULL, - `version` varchar(32) DEFAULT NULL, - `release` decimal(5,2) DEFAULT '0.00', - `fingerprint` char(32) DEFAULT NULL, - UNIQUE KEY `variant_version_release` (`variant`,`version`,`release`) USING BTREE, - KEY `fingerprint` (`fingerprint`) USING BTREE -) ENGINE=InnoDB DEFAULT CHARSET=utf8; \ No newline at end of file diff --git a/backend/templates/fingerprint.html b/backend/templates/fingerprint.html deleted file mode 100644 index 5490b8ee..00000000 --- a/backend/templates/fingerprint.html +++ /dev/null @@ -1,210 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
-
-

This browser scored score; ?> out of maximum; ?> points

-
-
-
- -
-
-
- -

Related

- -
-
-

Test results

- - - - - - - - - - - - - -
Browser
name; ?>
-
-
- -
-
- - -

Browsers

- -
- - - - - - - - - - - - - - - - - - -
VersionCountPercentage
%
-
- - - - -

Operating Systems

- -
- - - - - - - - - - - - - - - - - - -
VersionCountPercentage
%
-
- - - - -

Devices

- -
- - - - - - - - - - - - - - - - - - -
ModelCountPercentage
%
-
- -
-
- -
- -

- Please note that all data shown above are unconfirmed test results. They could be fake or - belong to a different browser than the one listed. -

-
-
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - diff --git a/backend/templates/latest.html b/backend/templates/latest.html deleted file mode 100644 index 1738f87b..00000000 --- a/backend/templates/latest.html +++ /dev/null @@ -1,176 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
- - -
-
- -

Latest results

- -
- - - - - - - - - - - - - - - - - - -
ScoreBrowserWhen
score; ?>humanReadable; ?>ago; ?> ago
-

- Please note that all data shown above are unconfirmed test results. They could be fake or - belong to a different browser than the one listed. -

- -
- - -
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - diff --git a/backend/templates/results-other.html b/backend/templates/results-other.html deleted file mode 100644 index a1dc8318..00000000 --- a/backend/templates/results-other.html +++ /dev/null @@ -1,270 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
- - -
- -
-

Gaming

- -
- -
-

Consoles

- - - - - - - - - - - - - - - - - -
ScoreDevice
score; ?> - nickname; ?> - details; ?>
-
- -
- -
- -
-

Portable

- - - - - - - - - - - - - - - - - -
ScoreDevice
score; ?> - nickname; ?> - details; ?>
-
- -
-
- -
- -
-

Television

- -
- -

Smart TVs

-
- - - - - - - - - - - - - - - - - -
ScoreDevice
score; ?> - nickname; ?> - details; ?>
-
- -
- -
- -
-

Set-top boxes

- - - - - - - - - - - - - - - - - -
ScoreDevice
score; ?> - nickname; ?> - details; ?>
-
- -
-
- -
- -
-

E-readers

- -
- -
-

E-paper readers

- - - - - - - - - - - - - - - - - -
ScoreDevice
score; ?> - nickname; ?> - details; ?>
-
- -
- -
-
-
- -
- -

About these scores

-
- The data above is compiled from automatically submitted test results. It is possible your results - may differ slightly due to external factors such as settings and which operating system is used. - If you believe the data above is incorrect, or if you think we are missing an important browser - or device, please open a bug report at Github. -
-
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - diff --git a/backend/templates/results.html b/backend/templates/results.html deleted file mode 100644 index 38f79e97..00000000 --- a/backend/templates/results.html +++ /dev/null @@ -1,434 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
- - -
- - -
-

Overview

-
- - - - - - - - - - - - - - - - - - - - -
 
'> - - '>' . $d[$r]->version . ' ' . $d[$r]->score . ''; - } - - if (is_string($d[$r])) { - echo "" . $d[$r] . ""; - } - } - ?>
-
-
- -
- - - -
-

Scores

- -
- -
- -
-

Current

- - - - - - - - - - - '> - - - - - - -
ScoreBrowser
score; ?> - nickname; ?> - details; ?>
-
- - - -
-

Upcoming

- - - - - - - - - - - '> - - - - - - -
ScoreBrowser
score; ?> - nickname; ?> - details; ?>
-
- - - -
-

Experimental

- - - - - - - - - - - '> - - - - - - -
ScoreBrowser
score; ?> - nickname; ?> - details; ?>
-
-
- -
- -
-

Older

- - - - - - - - - - - '> - - - - - - -
ScoreBrowser
score; ?> - nickname; ?> - details; ?>
-
- -
-
- - - - - -
- -
-
-

Timeline

- -
- -
- - -
-
- - -
- -

About these scores

-
- The data above is compiled from automatically submitted test results. It is possible your results - may differ slightly due to external factors such as settings and which operating system is used. - If you believe the data above is incorrect, or if you think we are missing an important browser - or device, please open a bug report at Github. -
-
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - diff --git a/backend/templates/search.html b/backend/templates/search.html deleted file mode 100644 index 3783b221..00000000 --- a/backend/templates/search.html +++ /dev/null @@ -1,251 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
- - -
-
-
- -
-
-
- - - -
- - - -
- -

Examples

-
-
-
deviceType:mobile osName:Windows
-
All mobile devices running Windows
- -
deviceManufacturer:Samsung -osName:Android
-
All non-Android devices created by Samsung
- -
osName:Android osVersion:4.4
-
All devices running Android 4.4
- -
browserName:Chrome osName:"Mac OS X"
-
Chrome running on OS X
- -
deviceModel:iPhone
-
All iPhones
- -
engineName:Gecko -browserName:Firefox
-
All Gecko based browser except for Firefox
- -
score:500+
-
All results with a score higher than or equal to 500
- -
-
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - diff --git a/backend/templates/timeline.html b/backend/templates/timeline.html deleted file mode 100644 index cebaf23a..00000000 --- a/backend/templates/timeline.html +++ /dev/null @@ -1,133 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
-
- - -

Timeline for

-
- - -
-
score; ?>
-

version : ''); ?>.html'>nickname; ?> »

- status != 'upcoming'): ?> - releasedate)): ?> -

Release date: releasedate)); ?>

- -

Release date: unknown

- - -

Not yet released

- -
- - changes) && count($item->changes)): ?> -
- - - -
- - -
- These results are collected from many thousands of visitors using all kinds of devices. - Excluded from this timeline are changes in video and audio codecs, because they are often - dependant on operating system and device hardware. -
-
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - diff --git a/backend/templates/browser.html b/compare/browser/index.html similarity index 56% rename from backend/templates/browser.html rename to compare/browser/index.html index 69704552..f968834e 100644 --- a/backend/templates/browser.html +++ b/compare/browser/index.html @@ -2,46 +2,40 @@ HTML5test - How well does your browser support HTML5? - - - - - + + - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + @@ -49,9 +43,9 @@

HTML5test how well does your browser support HTML5?

  • About the test
    • @@ -63,8 +57,8 @@

    HTML5test how well does your browser suppo
    @@ -83,7 +77,7 @@

    About these scores

    The data above is compiled from automatically submitted test results. It is possible your results may differ slightly due to external factors such as settings and which operating system is used. If you believe the data above is incorrect, or if you think we are missing an important browser - or device, please open a bug report at Github. + or device, please open a bug report at Github.
    @@ -104,7 +98,7 @@

    About these scores

    title: '

    Browsers

    Select up to five browsers and compare their test results in detail

    ', parent: document.getElementById('comparison'), tests: m.data, - browsers: , + browsers: [], header: true, explainations: false, features: true, @@ -113,9 +107,9 @@

    About these scores

    onChange: function(ids) { if (window.history && window.history.replaceState) { if (ids.length) - window.history.replaceState([], document.title, '/compare/browser/' + ids.join('/') + '.html'); + window.history.replaceState([], document.title, '/compare/browser/?' + ids.join('/')); else - window.history.replaceState([], document.title, '/compare/browser/index.html'); + window.history.replaceState([], document.title, '/compare/browser/'); } } }); @@ -138,109 +132,28 @@

    About these scores

    } }); - - - - table.updateColumn(0, ); - - new Test(function(r) { - var c = new Calculate(r, m.data); - - table.updateColumn(0, { - id: 'mybrowser', - nickname: 'My browser', - score: c.score, - bonus: c.bonus, - points: c.points, - results: r.results - }); - }); - - - - - - - table.updateColumn(1, ); - - new Test(function(r) { - var c = new Calculate(r, m.data); - - table.updateColumn(1, { - id: 'mybrowser', - nickname: 'My browser', - score: c.score, - bonus: c.bonus, - points: c.points, - results: r.results - }); - }); - - - - - - - table.updateColumn(2, ); - - new Test(function(r) { - var c = new Calculate(r, m.data); - - table.updateColumn(2, { - id: 'mybrowser', - nickname: 'My browser', - score: c.score, - bonus: c.bonus, - points: c.points, - results: r.results + var ids = location.search.substring(1).split('/'); + for (var i = 0; i < ids.length; i++) { + if (ids[i] == 'mybrowser') { + var column = i; + new Test(function(r) { + var c = new Calculate(r, m.data); + + table.updateColumn(column, { + id: 'mybrowser', + nickname: 'My browser', + score: c.score, + bonus: c.bonus, + points: c.points, + results: r.results + }); }); - }); - - - - - - - table.updateColumn(3, ); - - new Test(function(r) { - var c = new Calculate(r, m.data); - - table.updateColumn(3, { - id: 'mybrowser', - nickname: 'My browser', - score: c.score, - bonus: c.bonus, - points: c.points, - results: r.results - }); - }); - - - - - - - table.updateColumn(4, ); - - new Test(function(r) { - var c = new Calculate(r, m.data); - - table.updateColumn(4, { - id: 'mybrowser', - nickname: 'My browser', - score: c.score, - bonus: c.bonus, - points: c.points, - results: r.results - }); - }); - - - + } else if (ids[i]) { + table.loadColumn(i, (ids[i].indexOf('-') < 0 ? 'custom:' : '') + ids[i]); + } + } }, false); - - --> + //-->
    @@ -248,29 +161,15 @@

    About these scores

    - Created by Niels Leenheer.
    + © 2024 - Created by Niels Leenheer, modified by Jerzy Głowacki.
    Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
    HTML5 Logo by W3C. Browser detection by WhichBrowser.

    - -

- - - diff --git a/backend/templates/feature.html b/compare/feature/index.html similarity index 67% rename from backend/templates/feature.html rename to compare/feature/index.html index 59b4ef07..a3889592 100644 --- a/backend/templates/feature.html +++ b/compare/feature/index.html @@ -2,36 +2,31 @@ HTML5test - How well does your browser support HTML5? - - - - + - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + @@ -39,9 +34,9 @@

HTML5test how well does your browser support HTML5?

  • About the test
    • @@ -53,8 +48,8 @@

    HTML5test how well does your browser suppo
    @@ -73,20 +68,19 @@

    About these scores

    The data above is compiled from automatically submitted test results. It is possible your results may differ slightly due to external factors such as settings and which operating system is used. If you believe the data above is incorrect, or if you think we are missing an important browser - or device, please open a bug report at Github. + or device, please open a bug report at Github.
    @@ -150,29 +128,15 @@

    About these scores

    - Created by Niels Leenheer.
    + © 2024 - Created by Niels Leenheer, modified by Jerzy Głowacki.
    Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
    HTML5 Logo by W3C. Browser detection by WhichBrowser.

    - -

- - - diff --git a/composer.json b/composer.json deleted file mode 100644 index 0427180a..00000000 --- a/composer.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "require": { - "ramsey/uuid": "^3.4" - } -} diff --git a/css/main.css b/css/main.css index debb08e9..38e5d869 100644 --- a/css/main.css +++ b/css/main.css @@ -437,49 +437,11 @@ body.indexVisible > div#index button#indexbutton { margin-bottom: 0.8em; } -#cloudvps a { - position: absolute; - top: 0; - right: 0; - border-left: 1px solid #ccc; - - display: block; - background: url(/images/sponsors/cloudvps.png) no-repeat 10px top; - background-size: 59px 43px; - padding-top: 0px; - padding-left: 80px; - - text-decoration: none; - color: #04446d; - font-size: 90%; - min-height: 43px; -} -#cloudvps a b { - font-size: 110%; -} -@media only screen and (-webkit-min-device-pixel-ratio: 2) { - #cloudvps a { - background-image: url(/images/sponsors/cloudvps@2x.png); - background-size: 59px 43px; - } -} - @media (max-width: 680px) { .footer > div { padding-right: 0; padding-bottom: 60px; } - - #cloudvps a { - top: auto; - left: 0; - - border-left: none; - border-top: 1px solid #ccc; - padding-top: 12px; - padding-left: 70px; - background-position: left 12px; - } } @@ -1071,8 +1033,6 @@ body.indexVisible > div#index button#indexbutton { .button.website > span::before { content: ''; } .button.followme { background: #0092bf; color: #fff; } .button.followme > span::before { content: ''; } -.button.donate { background: #ffd500; color: #000; } -.button.donate > span::before { content: ''; } .button.developed { background: #ccc; color: #000; } .button.developed > span::before { content: ''; } .button.compare { background: #33af33; color: #fff; } @@ -1081,8 +1041,6 @@ body.indexVisible > div#index button#indexbutton { .button.save > span::before { content: '☁'; } .button.latest { background: #0092bf; color: #fff; } .button.latest > span::before { content: ''; } -.button.share { background: #ec6534; color: #fff; } -.button.share > span::before { content: ''; } .button.contact { background: #ec6534; color: #fff; } .button.contact > span::before { content: '☎'; } .button.schedule { background: #ec6534; color: #fff; } @@ -1414,40 +1372,6 @@ body.indexVisible > div#index button#indexbutton { } - -/******************************************** - * - * Your Browser: Share - */ - -.popupPanel.share { - width: 210px !important; - margin-top: 21px; -} -#share { - display: block; - height: 94px; - position: relative; - overflow: hidden; -} -#share #twitter { - position: absolute; - top: 15px; - left: 15px; -} -#share #facebook { - position: absolute; - top: 15px; - left: 82px; -} -#share #google { - position: absolute; - top: 15px; - left: 141px; -} - - - /******************************************** * * Your Browser: Action buttons @@ -1473,10 +1397,6 @@ body.indexVisible > div#index button#indexbutton { .wrapper .buttons > * { width: 100%; } - - .wrapper .buttons .donate { - display: none; - } } @@ -1734,6 +1654,38 @@ body.indexVisible > div#index button#indexbutton { padding-bottom: 8px; } +.resultsTable table tbody th .status::after { + font: 10px 'html5test'; +} +.resultsTable table tbody th .status.recommendation::after { + content: ' '; + color: #33af33; +} +.resultsTable table tbody th .status.stable::after { + content: ' '; + color: #33af33; +} +.resultsTable table tbody th .status.proposal::after { + content: ' '; + color: #88b038; +} +.resultsTable table tbody th .status.experimental::after { + content: ' '; + color: #ec6534; +} +.resultsTable table tbody th .status.controversial::after { + content: ' '; + color: #ec6534; +} +.resultsTable table tbody th .status.optional::after { + content: ' '; + color: #aaa; +} +.resultsTable table tbody th .status.rejected::after { + content: ' '; + color: #853333; +} + .resultsTable table tbody th code { font-size: 12px; } @@ -2104,63 +2056,6 @@ body.indexVisible > div#index button#indexbutton { } } - -/******************************************** - * - * Your Browser: Ads - */ - -#headerad { - position: absolute; - top: 0; - right: 0; - - width: 125px; - height: 125px; - background: #eee; - overflow: hidden; - padding: 10px; - border-bottom: 8px solid #d9d9d9; - border-left: 8px solid #d9d9d9; -} -#headerad div { - width: 125px; - height: 125px; - display: inline-block; -} - -#footerad { - margin-top: 30px; - overflow: hidden; - background: #eee; - padding: 10px; - text-align: center; -} -#footerad > div a, -#footerad > div iframe { - width: 125px; - height: 125px; - overflow: hidden; - margin: 0 5px; - display: inline-block; - float: none; - vertical-align: middle; -} - -@media (max-width: 680px) { - #headerad { - position: static; - border: none; - width: 100%; - padding: 10px 0; - text-align: center; - margin-bottom: 30px; - } -} - - - - .upgradeWarning { background: #ec6534; color: #fff; diff --git a/donate.html b/donate.html deleted file mode 100644 index 590d36ee..00000000 --- a/donate.html +++ /dev/null @@ -1,131 +0,0 @@ - - - - HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

HTML5test how well does your browser support HTML5?

-
- - -
-
- -
-
-
- - -
-

Donate

- -

Help us create an even better HTML5 test

-
-

- We have big plans for HTML5 test. Our latest additions are a new server backend - that automatically collects the test results and creates some extensive reports based on the - collected data. But we have some more ideas for the future. -

-

- These additions do take a lot of time, so if you think HTML5 test is a great resource, consider - donating. -

-

- -

-
- - -

Advertising

-
-

- In order to pay for hosting and further development of the HTML5 test we allow a small number of ads - on two positions of the main page. We prefer ads that are related to HTML5 or web development. - Ads on the HTML5 test are exclusively sold by BuySellAds. -

-
- - -

Devices

-
-

- A lot of our data is crowd sourced, but in certain cases we need access to the actual browser running on - the actual device. For this purpose we have build a testing lab with not only new devices, but also - older devices for testing historic versions. -

-

- If you have a new or used device you want to donate to our lab, please contact me on - Github or Twitter. -

-
-
-
- -
-
-
-

- Created by Niels Leenheer.
- Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
- HTML5 Logo by W3C. - Browser detection by WhichBrowser. -

- - -
-
-
-
-
- - - - - \ No newline at end of file diff --git a/fonts/html5test.dev.svg b/fonts/html5test.dev.svg index 78a3197a..72265914 100644 --- a/fonts/html5test.dev.svg +++ b/fonts/html5test.dev.svg @@ -1,102 +1 @@ - - - - -This is a custom SVG font generated by IcoMoon. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file +This is a custom SVG font generated by IcoMoon. \ No newline at end of file diff --git a/fonts/html5test.svg b/fonts/html5test.svg index cffc2c3b..a90f1720 100644 --- a/fonts/html5test.svg +++ b/fonts/html5test.svg @@ -1,57 +1 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file +Generated by IcoMoon \ No newline at end of file diff --git a/fonts/leaguegothic-condensed-italic-webfont.svg b/fonts/leaguegothic-condensed-italic-webfont.svg index e5c4293f..373adb33 100644 --- a/fonts/leaguegothic-condensed-italic-webfont.svg +++ b/fonts/leaguegothic-condensed-italic-webfont.svg @@ -1,224 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/fonts/leaguegothic-condensed-regular-webfont.svg b/fonts/leaguegothic-condensed-regular-webfont.svg index d17fcebe..b99c6d35 100644 --- a/fonts/leaguegothic-condensed-regular-webfont.svg +++ b/fonts/leaguegothic-condensed-regular-webfont.svg @@ -1,224 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/fonts/leaguegothic-italic-webfont.svg b/fonts/leaguegothic-italic-webfont.svg index c4c69b90..ef2c83aa 100644 --- a/fonts/leaguegothic-italic-webfont.svg +++ b/fonts/leaguegothic-italic-webfont.svg @@ -1,224 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/fonts/leaguegothic-regular-webfont.svg b/fonts/leaguegothic-regular-webfont.svg index 404a6943..dd686cc4 100644 --- a/fonts/leaguegothic-regular-webfont.svg +++ b/fonts/leaguegothic-regular-webfont.svg @@ -1,223 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/images/external/mdn.svg b/images/external/mdn.svg index 27e5ffcf..0142c435 100644 --- a/images/external/mdn.svg +++ b/images/external/mdn.svg @@ -1,124 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/images/external/ricg.svg b/images/external/ricg.svg index 83e0b103..93bfab82 100644 --- a/images/external/ricg.svg +++ b/images/external/ricg.svg @@ -1,120 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/images/external/whatwg.svg b/images/external/whatwg.svg index 38828189..8ac0c77f 100644 --- a/images/external/whatwg.svg +++ b/images/external/whatwg.svg @@ -1,4 +1 @@ - - - - \ No newline at end of file + \ No newline at end of file diff --git a/images/html5test.svg b/images/html5test.svg new file mode 100644 index 00000000..f1bedd01 --- /dev/null +++ b/images/html5test.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/apple-touch-icon-114x114.png b/images/icons/apple-touch-icon-114x114.png index 8804b5fa..a6a160c1 100644 Binary files a/images/icons/apple-touch-icon-114x114.png and b/images/icons/apple-touch-icon-114x114.png differ diff --git a/images/icons/apple-touch-icon-120x120.png b/images/icons/apple-touch-icon-120x120.png index 77668078..1acd5ab3 100644 Binary files a/images/icons/apple-touch-icon-120x120.png and b/images/icons/apple-touch-icon-120x120.png differ diff --git a/images/icons/apple-touch-icon-144x144.png b/images/icons/apple-touch-icon-144x144.png index 29db14cb..43fd9dcc 100644 Binary files a/images/icons/apple-touch-icon-144x144.png and b/images/icons/apple-touch-icon-144x144.png differ diff --git a/images/icons/apple-touch-icon-152x152.png b/images/icons/apple-touch-icon-152x152.png index 6358d5f6..29304fa1 100644 Binary files a/images/icons/apple-touch-icon-152x152.png and b/images/icons/apple-touch-icon-152x152.png differ diff --git a/images/icons/apple-touch-icon-57x57.png b/images/icons/apple-touch-icon-57x57.png index 95fa1a00..cbfbccd2 100644 Binary files a/images/icons/apple-touch-icon-57x57.png and b/images/icons/apple-touch-icon-57x57.png differ diff --git a/images/icons/apple-touch-icon-60x60.png b/images/icons/apple-touch-icon-60x60.png index 2c22cfdf..d9b8f721 100644 Binary files a/images/icons/apple-touch-icon-60x60.png and b/images/icons/apple-touch-icon-60x60.png differ diff --git a/images/icons/apple-touch-icon-72x72.png b/images/icons/apple-touch-icon-72x72.png index 8d23976a..c0f06098 100644 Binary files a/images/icons/apple-touch-icon-72x72.png and b/images/icons/apple-touch-icon-72x72.png differ diff --git a/images/icons/apple-touch-icon-76x76.png b/images/icons/apple-touch-icon-76x76.png index 0e5fea3f..047c9f47 100644 Binary files a/images/icons/apple-touch-icon-76x76.png and b/images/icons/apple-touch-icon-76x76.png differ diff --git a/images/icons/apple-touch-icon-precomposed.png b/images/icons/apple-touch-icon-precomposed.png index 32a3150e..2d710539 100644 Binary files a/images/icons/apple-touch-icon-precomposed.png and b/images/icons/apple-touch-icon-precomposed.png differ diff --git a/images/icons/apple-touch-icon.png b/images/icons/apple-touch-icon.png index 6358d5f6..29304fa1 100644 Binary files a/images/icons/apple-touch-icon.png and b/images/icons/apple-touch-icon.png differ diff --git a/images/icons/favicon-160x160.png b/images/icons/favicon-160x160.png index 28a17674..fddbe861 100644 Binary files a/images/icons/favicon-160x160.png and b/images/icons/favicon-160x160.png differ diff --git a/images/icons/favicon-16x16.png b/images/icons/favicon-16x16.png index 25ebafaa..b977dbd8 100644 Binary files a/images/icons/favicon-16x16.png and b/images/icons/favicon-16x16.png differ diff --git a/images/icons/favicon-196x196.png b/images/icons/favicon-196x196.png index 54df8c46..9d2305e6 100644 Binary files a/images/icons/favicon-196x196.png and b/images/icons/favicon-196x196.png differ diff --git a/images/icons/favicon-96x96.png b/images/icons/favicon-96x96.png index 361f59a5..f92ce4ed 100644 Binary files a/images/icons/favicon-96x96.png and b/images/icons/favicon-96x96.png differ diff --git a/images/icons/mstile-144x144.png b/images/icons/mstile-144x144.png index e5de1d92..8f021ffa 100644 Binary files a/images/icons/mstile-144x144.png and b/images/icons/mstile-144x144.png differ diff --git a/images/icons/mstile-150x150.png b/images/icons/mstile-150x150.png index 124c6df1..e2d2e1f6 100644 Binary files a/images/icons/mstile-150x150.png and b/images/icons/mstile-150x150.png differ diff --git a/images/icons/mstile-310x150.png b/images/icons/mstile-310x150.png index ad63183a..2fbbd454 100644 Binary files a/images/icons/mstile-310x150.png and b/images/icons/mstile-310x150.png differ diff --git a/images/icons/mstile-310x310.png b/images/icons/mstile-310x310.png index aeeffe1b..8fcdf14a 100644 Binary files a/images/icons/mstile-310x310.png and b/images/icons/mstile-310x310.png differ diff --git a/images/icons/mstile-70x70.png b/images/icons/mstile-70x70.png index ea264cf4..e30d8935 100644 Binary files a/images/icons/mstile-70x70.png and b/images/icons/mstile-70x70.png differ diff --git a/images/sponsors/blackberry.svg b/images/sponsors/blackberry.svg index e7eb110c..9b574251 100644 --- a/images/sponsors/blackberry.svg +++ b/images/sponsors/blackberry.svg @@ -1,25 +1 @@ - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file +image/svg+xml \ No newline at end of file diff --git a/images/sponsors/google.svg b/images/sponsors/google.svg index 1e82a979..2c34e9fa 100644 --- a/images/sponsors/google.svg +++ b/images/sponsors/google.svg @@ -1,12 +1 @@ - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/images/sponsors/nokia.svg b/images/sponsors/nokia.svg index eeeec3ee..6d0bfc5e 100644 --- a/images/sponsors/nokia.svg +++ b/images/sponsors/nokia.svg @@ -1,10 +1 @@ - - - Nokia - - - - - - - \ No newline at end of file +Nokia \ No newline at end of file diff --git a/images/thumbnail.jpg b/images/thumbnail.jpg index 6d3fbd2c..90736b1a 100644 Binary files a/images/thumbnail.jpg and b/images/thumbnail.jpg differ diff --git a/index.html b/index.html index 049f5b25..6929d67f 100644 --- a/index.html +++ b/index.html @@ -2,51 +2,40 @@ HTML5test - How well does your browser support HTML5? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + - - - - -

HTML5test how well does your browser support HTML5?

  • About the test
    • @@ -101,13 +87,6 @@

    - -
    -
    - The following results were created in an older version of the test suite. If you test the same browser - on the current site, it may get a different score and different results. -
    -
    - - -
    @@ -68,15 +53,11 @@

    HTML5test how well does your browser suppo

    - Created by Niels Leenheer.
    + © 2024 - Created by Niels Leenheer, modified by Jerzy Głowacki.
    Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.
    HTML5 Logo by W3C. Browser detection by WhichBrowser.

    - -

    @@ -86,19 +67,39 @@

    HTML5test how well does your browser suppo diff --git a/scripts/6/engine.js b/scripts/6/engine.js index b58c1648..da198a37 100644 --- a/scripts/6/engine.js +++ b/scripts/6/engine.js @@ -3769,15 +3769,15 @@ Test6 = (function() { 'form.datetime-local.ui': Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('Maxthon', '<', '4.0.5') || Browsers.isBrowser('UC Browser', '<', '8.6'), 'form.color.ui': Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('UC Browser', '<', '9.8'), 'form.range.ui': Browsers.isBrowser('UC Browser', '<', '9.8'), - 'form.progress.element': Browsers.isBrowser('Baidu Browser'), + 'form.progress.element': Browsers.isBrowser('Baidu Browser', '<', '11.16'), 'files.fileSystem': Browsers.isOs('BlackBerry Tablet OS'), - 'input.getUserMedia': Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('UC Browser', '<', '9.8') || Browsers.isBrowser('Dolphin'), - 'location.geolocation': Browsers.isDevice('Xbox 360') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser'), - 'location.orientation': Browsers.isBrowser('Baidu Browser'), - 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), + 'input.getUserMedia': Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('UC Browser', '<', '9.8') || Browsers.isBrowser('Dolphin'), + 'location.geolocation': Browsers.isDevice('Xbox 360') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser', '<', '11.16'), + 'location.orientation': Browsers.isBrowser('Baidu Browser', '<', '11.16'), + 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), 'output.requestFullScreen': Browsers.isBrowser('Sogou Explorer') || Browsers.isOs('BlackBerry Tablet OS') || Browsers.isOs('BlackBerry OS'), - 'video.subtitle': Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), - 'webgl.context': Browsers.isBrowser('Baidu Browser'), + 'video.subtitle': Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), + 'webgl.context': Browsers.isBrowser('Baidu Browser', '<', '11.16'), 'interaction.dragdrop': !( Browsers.isType('desktop') || Browsers.isType('mobile', 'tablet', 'media') && ( diff --git a/scripts/7/engine.js b/scripts/7/engine.js index b9502701..8445c5c1 100644 --- a/scripts/7/engine.js +++ b/scripts/7/engine.js @@ -3946,16 +3946,16 @@ Test7 = (function() { 'form.datetime-local.ui': Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('Maxthon', '<', '4.0.5') || Browsers.isBrowser('UC Browser', '<', '8.6'), 'form.color.ui': Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('UC Browser', '<', '9.8'), 'form.range.ui': Browsers.isBrowser('UC Browser', '<', '9.8'), - 'form.progress.element': Browsers.isBrowser('Baidu Browser'), + 'form.progress.element': Browsers.isBrowser('Baidu Browser', '<', '11.16'), 'files.fileSystem': Browsers.isOs('BlackBerry Tablet OS'), - 'input.getUserMedia': Browsers.isDevice('webOS TV') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('UC Browser', '<', '9.8') || Browsers.isBrowser('Dolphin'), + 'input.getUserMedia': Browsers.isDevice('webOS TV') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('UC Browser', '<', '9.8') || Browsers.isBrowser('Dolphin'), 'input.getGamepads': Browsers.isDevice('webOS TV') || Browsers.isDevice('Playstation 4') || Browsers.isDevice('Wii U'), - 'location.geolocation': Browsers.isDevice('webOS TV') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser') || Browsers.isOs('Google TV'), - 'location.orientation': Browsers.isBrowser('Baidu Browser'), - 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), + 'location.geolocation': Browsers.isDevice('webOS TV') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isOs('Google TV'), + 'location.orientation': Browsers.isBrowser('Baidu Browser', '<', '11.16'), + 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), 'output.requestFullScreen': Browsers.isBrowser('Sogou Explorer') || Browsers.isOs('BlackBerry Tablet OS') || Browsers.isOs('BlackBerry OS'), - 'video.subtitle': Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), - 'webgl.context': Browsers.isBrowser('Baidu Browser'), + 'video.subtitle': Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), + 'webgl.context': Browsers.isBrowser('Baidu Browser', '<', '11.16'), } ], diff --git a/scripts/8/data.js b/scripts/8/data.js index d8e2b026..7051e0f4 100644 --- a/scripts/8/data.js +++ b/scripts/8/data.js @@ -2234,7 +2234,7 @@ var tests = [ id: 'payments', name: 'Web Payments', value: 5, - url: 'https://w3c.github.io/browser-payment-api/specs/paymentrequest.html' + url: 'https://w3c.github.io/payment-request/' } ] } diff --git a/scripts/8/engine.js b/scripts/8/engine.js index fef9be43..5bc6a0c7 100644 --- a/scripts/8/engine.js +++ b/scripts/8/engine.js @@ -4434,16 +4434,16 @@ Test8 = (function () { 'form.datetime-local.ui': Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('Maxthon', '<', '4.0.5') || (Browsers.isBrowser('UC Browser', '<', '8.6') && Browsers.isType('mobile', 'tablet')), 'form.color.ui': Browsers.isBrowser('Sogou Explorer') || (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')), 'form.range.ui': (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')), - 'form.progress.element': Browsers.isBrowser('Baidu Browser'), + 'form.progress.element': Browsers.isBrowser('Baidu Browser', '<', '11.16'), 'files.fileSystem': Browsers.isOs('BlackBerry Tablet OS'), - 'input.getUserMedia': Browsers.isDevice('webOS TV') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer') || (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')) || Browsers.isBrowser('Dolphin') || Browsers.isBrowser('Safari', '=', '9'), + 'input.getUserMedia': Browsers.isDevice('webOS TV') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer') || (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')) || Browsers.isBrowser('Dolphin') || Browsers.isBrowser('Safari', '=', '9'), 'input.getGamepads': Browsers.isDevice('webOS TV') || Browsers.isDevice('Playstation 4') || Browsers.isDevice('Wii U'), - 'location.geolocation': Browsers.isDevice('webOS TV') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser') || Browsers.isOs('Google TV'), - 'location.orientation': Browsers.isBrowser('Baidu Browser'), - 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), + 'location.geolocation': Browsers.isDevice('webOS TV') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isOs('Google TV'), + 'location.orientation': Browsers.isBrowser('Baidu Browser', '<', '11.16'), + 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), 'output.requestFullScreen': Browsers.isBrowser('Sogou Explorer') || Browsers.isOs('BlackBerry Tablet OS') || Browsers.isOs('BlackBerry OS'), - 'video.subtitle': Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), - '3d.webgl': Browsers.isBrowser('Baidu Browser') + 'video.subtitle': Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), + '3d.webgl': Browsers.isBrowser('Baidu Browser', '<', '11.16') } ], diff --git a/scripts/9/data.js b/scripts/9/data.js index ab7d6e2b..5482bf03 100644 --- a/scripts/9/data.js +++ b/scripts/9/data.js @@ -74,6 +74,14 @@ var tests = [ [ 'whatwg', 'https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes' ], [ 'mdn', '/Web/API/HTMLElement/dataset' ] ] + }, { + id: 'mathml', + name: 'MathML support', + value: 2 /* 1 for Content, 1 for Presentation */, + urls: [ + [ 'w3c', 'https://www.w3.org/TR/MathML/' ], + [ 'mdn', '/Web/MathML' ] + ] }, 'New or modified elements', @@ -197,6 +205,13 @@ var tests = [ urls: [ [ 'whatwg', 'https://html.spec.whatwg.org/multipage/semantics.html#ping' ] ] + }, { + id: 'relList', + name: 'relList attribute on the a element', + value: 1, + urls: [ + [ 'whatwg', 'https://html.spec.whatwg.org/multipage/text-level-semantics.html#dom-a-rellist' ] + ] }, { id: 'mark', name: 'mark element', @@ -280,6 +295,27 @@ var tests = [ [ 'w3c', 'http://www.w3.org/TR/html5/editing.html#the-hidden-attribute' ], [ 'whatwg', 'https://html.spec.whatwg.org/multipage/interaction.html#the-hidden-attribute' ] ] + }, { + id: 'translate', + name: 'translate attribute', + value: 1, + urls: [ + [ 'whatwg', 'https://html.spec.whatwg.org/multipage/dom.html#the-translate-attribute' ] + ] + }, { + id: 'accessKey', + name: 'accessKey attribute', + value: 1, + urls: [ + [ 'whatwg', 'https://html.spec.whatwg.org/multipage/interaction.html#the-accesskey-attribute' ] + ] + }, { + id: 'accessKeyLabel', + name: 'accessKeyLabel attribute', + value: 1, + urls: [ + [ 'whatwg', 'https://html.spec.whatwg.org/multipage/interaction.html#introduction-9:dom-accesskeylabel' ] + ] }, { id: 'dynamic', name: 'Dynamic markup insertion', @@ -772,6 +808,11 @@ var tests = [ id: 'element', name: 'Minimal element support', url: 'http://www.w3.org/TR/html5/forms.html#the-textarea-element' + }, { + id: 'minlength', + name: 'minlength attribute', + value: 1, + url: 'http://www.w3.org/TR/html5/forms.html#attr-textarea-minlength' }, { id: 'maxlength', name: 'maxlength attribute', @@ -1024,6 +1065,11 @@ var tests = [ name: 'checkValidity method', value: 3, url: 'http://www.w3.org/TR/html5/forms.html#dom-form-checkvalidity' + }, { + id: 'reportValidity', + name: 'reportValidity method', + value: 1, + url: 'https://html.spec.whatwg.org/multipage/forms.html#dom-form-reportvalidity' }, { id: 'noValidate', name: 'noValidate attribute', @@ -1061,13 +1107,6 @@ var tests = [ [ 'w3c', 'http://www.w3.org/TR/html-templates/' ], [ 'whatwg', 'https://html.spec.whatwg.org/multipage/scripting.html#the-template-element' ] ] - }, { - id: 'imports', - name: 'HTML imports', - status: 'rejected', - urls: [ - [ 'w3c', 'http://w3c.github.io/webcomponents/spec/imports/' ] - ] } ] } @@ -1460,8 +1499,8 @@ var tests = [ [ 'w3c', 'http://www.w3.org/TR/media-source/' ] ] }, { - id: 'drm', - name: 'DRM support', + id: 'eme', + name: 'Encrypted Media Extensions', status: 'controversial', url: 'http://www.w3.org/TR/encrypted-media/' }, @@ -1740,7 +1779,7 @@ var tests = [ id: 'jpeg', name: 'JPEG support', status: 'optional' - }, { +}, { id: 'jpegxr', name: 'JPEG-XR support', status: 'optional' @@ -1748,6 +1787,26 @@ var tests = [ id: 'webp', name: 'WebP support', status: 'optional' + }, + + 'New image formats', + + { + id: 'webpLoad', + name: 'WebP support', + status: 'optional' + }, { + id: 'jxl', + name: 'JPEG XL support', + status: 'optional' + }, { + id: 'avif', + name: 'AVIF support', + status: 'optional' + }, { + id: 'heic', + name: 'HEIC support', + status: 'optional' } ] }, { @@ -2462,7 +2521,7 @@ var tests = [ id: 'payments', name: 'Web Payments', value: 5, - url: 'https://w3c.github.io/browser-payment-api/specs/paymentrequest.html' + url: 'https://w3c.github.io/payment-request/' } ] } @@ -2686,15 +2745,6 @@ var tests = [ [ 'whatwg', 'https://html.spec.whatwg.org/multipage/scripting.html#attr-script-defer' ], [ 'mdn', '/Web/HTML/Element/script' ] ] - }, { - id: 'executionevents', - name: 'Script execution events', - status: 'rejected', - urls: [ - [ 'w3c', 'http://www.w3.org/TR/html5/scripting-1.html#the-script-element' ], - [ 'whatwg', 'http://www.whatwg.org/specs/web-apps/current-work/multipage/scripting-1.html#the-script-element' ], - [ 'mdn', '/Web/Events/beforescriptexecute' ] - ] }, { id: 'onerror', name: 'Runtime script error reporting', diff --git a/scripts/9/engine.js b/scripts/9/engine.js index 0a09c349..6ea8b336 100644 --- a/scripts/9/engine.js +++ b/scripts/9/engine.js @@ -211,6 +211,22 @@ Test9 = (function () { }); }, + /* mathml support */ + + function (results) { + var element = document.createElement('div'); + element.innerHTML = ""; + document.body.appendChild(element); + var box = element.firstChild.firstChild.getBoundingClientRect(); + + results.addItem({ + key: 'elements.mathml', + passed: box.height == 23 && box.width == 77 + }); + + document.body.removeChild(element); + }, + /* section, nav, article, header and footer */ @@ -304,6 +320,16 @@ Test9 = (function () { }, + /* a relList */ + + function (results) { + results.addItem({ + key: 'elements.semantic.relList', + passed: 'relList' in document.createElement('a') + }); + }, + + /* mark element */ function (results) { @@ -505,7 +531,33 @@ Test9 = (function () { passed: 'hidden' in document.createElement('div') }); }, + + /* translate attribute */ + + function (results) { + results.addItem({ + key: 'elements.translate', + passed: 'translate' in document.createElement('div') + }); + }, + + /* accessKey attribute */ + + function (results) { + results.addItem({ + key: 'elements.accessKey', + passed: 'accessKey' in document.createElement('div') + }); + }, + /* accessKeyLabel attribute */ + + function (results) { + results.addItem({ + key: 'elements.accessKeyLabel', + passed: 'accessKeyLabel' in document.createElement('div') + }); + }, /* outerHTML property */ @@ -878,6 +930,11 @@ Test9 = (function () { passed: passed }); + results.addItem({ + key: 'form.textarea.minlength', + passed: 'minLength' in element + }); + results.addItem({ key: 'form.textarea.maxlength', passed: 'maxLength' in element @@ -1374,6 +1431,15 @@ Test9 = (function () { }); }, + /* reportValidity property */ + + function (results) { + results.addItem({ + key: 'form.formvalidation.reportValidity', + passed: 'reportValidity' in document.createElement('form') + }); + }, + /* noValidate property */ @@ -2336,7 +2402,7 @@ Test9 = (function () { function (results) { results.addItem({ key: 'security.authentication', - passed: 'PublicKeyCredential' in window ? YES : 'msCredentials' in window ? YES | OLD : NO + passed: 'credentials' in navigator ? YES : 'msCredentials' in window ? YES | OLD : NO }); }, @@ -2460,7 +2526,7 @@ Test9 = (function () { results.addItem({ key: 'video.codecs.mp4.h265', - passed: !!element.canPlayType && (canPlayType(element, 'video/mp4; codecs="hvc1.1.L0.0"') || canPlayType(element, 'video/mp4; codecs="hev1.1.L0.0"')) + passed: !!element.canPlayType && (canPlayType(element, 'video/mp4; codecs="hvc1.1.L0.0"') || canPlayType(element, 'video/mp4; codecs="hev1.1.L0.0"') || canPlayType(element, 'video/mp4; codecs="hvc1.1.6.L93.90"')) }); /* theora codec */ @@ -2488,7 +2554,7 @@ Test9 = (function () { results.addItem({ key: 'video.codecs.webm.av1', - passed: !!element.canPlayType && canPlayType(element, 'video/webm; codecs="av1.experimental.e87fb2378f01103d5d6e477a4ef6892dc714e614"') + passed: !!element.canPlayType && canPlayType(element, 'video/webm; codecs="av01.0.05M.08"') }); /* does codec detection work properly? */ @@ -2711,10 +2777,10 @@ Test9 = (function () { passed: 'MediaSource' in window ? YES : 'WebKitMediaSource' in window || 'mozMediaSource' in window || 'msMediaSource' in window ? YES | PREFIX : NO }); - /* drm */ + /* eme */ results.addItem({ - key: 'streaming.drm', + key: 'streaming.eme', passed: 'setMediaKeys' in element ? YES : 'webkitAddKey' in element || 'webkitSetMediaKeys' in element || 'mozSetMediaKeys' in element || 'msSetMediaKeys' in element ? YES | PREFIX : NO }); @@ -2796,7 +2862,7 @@ Test9 = (function () { results.addItem({ key: 'streaming.video.codecs.webm.av1', - passed: 'MediaSource' in window && MediaSource.isTypeSupported('video/webm; codecs="av1.experimental.e87fb2378f01103d5d6e477a4ef6892dc714e614"') + passed: 'MediaSource' in window && MediaSource.isTypeSupported('video/webm; codecs="av01.0.05M.08"') }); }, @@ -3190,6 +3256,93 @@ Test9 = (function () { }, + /* new image formats */ + + function (results) { + var image; + + /* webp support */ + + var webp = results.addItem({ + key: 'canvas.webpLoad', + passed: false + }); + webp.startBackground(); + + image = new Image(); + image.src = "data:image/webp;base64,UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA=="; + image.onload = function() { + webp.update({ + passed: true + }); + webp.stopBackground(); + }; + image.onerror = function() { + webp.stopBackground(); + }; + + /* jxl support */ + + var jxl = results.addItem({ + key: 'canvas.jxl', + passed: false + }); + jxl.startBackground(); + + image = new Image(); + image.src = "data:image/jxl;base64,/woIELASCAgQAFwASxLFgkWAHL0xqnCBCV0qDp901Te/5QM="; + image.onload = function() { + jxl.update({ + passed: true + }); + jxl.stopBackground(); + }; + image.onerror = function() { + jxl.stopBackground(); + }; + + /* avif support */ + + var avif = results.addItem({ + key: 'canvas.avif', + passed: false + }); + avif.startBackground(); + + image = new Image(); + image.src = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A="; + image.onload = function() { + avif.update({ + passed: true + }); + avif.stopBackground(); + }; + image.onerror = function() { + avif.stopBackground(); + }; + + /* heic support */ + + var heic = results.addItem({ + key: 'canvas.heic', + passed: false + }); + heic.startBackground(); + + image = new Image(); + image.src = "data:image/heic;base64,AAAAGGZ0eXBoZWljAAAAAG1pZjFoZWljAAAC/G1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAHBpY3QAAAAAAAAAAAAAAAAAAAAADnBpdG0AAAAAAAIAAAAYaWRhdAAAAAAAAQABAAAAAAABAAEAAABgaWxvYwEAAABEQAAEAAEAAAAAAAADHAABAAAAAAAAACIAAgABAAAAAAAAAAEAAAAAAAAACAADAAAAAAAAAz4AAQAAAAAAAAAgAAQAAQAAAAAAAAABAAAACAAAAAgAAABiaWluZgAAAAAABAAAABVpbmZlAgAAAQABAABodmMxAAAAABVpbmZlAgAAAAACAABncmlkAAAAABVpbmZlAgAAAQADAABodmMxAAAAABVpbmZlAgAAAAAEAABncmlkAAAAAbFpcHJwAAABhGlwY28AAAB2aHZjQwEDcAAAAAAAAAAAAB7wAPz9+PgAAA8DIAABABhAAQwB//8DcAAAAwCQAAADAAADAB66AkAhAAEAKkIBAQNwAAADAJAAAAMAAAMAHqAggQWW6q6a5uBAQMCAAAADAIAAAAMAhCIAAQAGRAHBc8GJAAAAFGlzcGUAAAAAAAAAQAAAAEAAAAAUaXNwZQAAAAAAAAABAAAAAQAAABBwaXhpAAAAAAMICAgAAABxaHZjQwEECAAAAAAAAAAAAB7wAPz8+PgAAA8DIAABABdAAQwB//8ECAAAAwCf+AAAAwAAHroCQCEAAQAmQgEBBAgAAAMAn/gAAAMAAB7AggQWW6q6a5sCAAADAAIAAAMAAhAiAAEABkQBwXPBiQAAABRpc3BlAAAAAAAAAEAAAABAAAAAFGlzcGUAAAAAAAAAAQAAAAEAAAAOcGl4aQAAAAABCAAAACdhdXhDAAAAAHVybjptcGVnOmhldmM6MjAxNTphdXhpZDoxAAAAACVpcG1hAAAAAAAAAAQAAQKBAgACAgOEAAMChQYABAMHiIkAAAA2aXJlZgAAAAAAAAAOZGltZwACAAEAAQAAAA5kaW1nAAQAAQADAAAADmF1eGwABAABAAIAAABKbWRhdAAAAB4oAa8FEhJM4PoDvef+6D6IWYCvu2VYo5lcYJNTt4AAAAAcKAGuCiQkGcDhnoA/9bdzylCzhNKQp7VBQJa1Aw=="; + image.onload = function() { + heic.update({ + passed: true + }); + heic.stopBackground(); + }; + image.onerror = function() { + heic.stopBackground(); + }; + }, + + /* offscreen */ function (results) { @@ -3664,16 +3817,6 @@ Test9 = (function () { }, - /* html imports */ - - function (results) { - results.addItem({ - key: 'components.imports', - passed: 'import' in document.createElement('link') - }); - }, - - /* async scripts */ function (results) { @@ -3704,42 +3847,6 @@ Test9 = (function () { }, - /* script execution events */ - - function (results) { - var executionevents = results.addItem({ - key: 'scripting.executionevents', - passed: false - }); - - executionevents.startBackground(); - - var before = false; - - var s = document.createElement('script'); - s.src = "data:text/javascript;charset=utf-8,window" - - s.addEventListener('beforescriptexecute', function () { - before = true; - }, true); - - s.addEventListener('afterscriptexecute', function () { - if (before) { - executionevents.update({ - passed: true - }); - } - - executionevents.stopBackground(); - }, true); - - document.body.appendChild(s); - - window.setTimeout(function () { - executionevents.stopBackground(); - }, 500); - }, - /* base64 encoding and decoding */ @@ -4618,16 +4725,16 @@ Test9 = (function () { 'form.datetime-local.ui': Browsers.isBrowser('Sogou Explorer') || Browsers.isBrowser('Maxthon', '<', '4.0.5') || (Browsers.isBrowser('UC Browser', '<', '8.6') && Browsers.isType('mobile', 'tablet')), 'form.color.ui': Browsers.isBrowser('Sogou Explorer') || (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')), 'form.range.ui': (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')), - 'form.progress.element': Browsers.isBrowser('Baidu Browser'), + 'form.progress.element': Browsers.isBrowser('Baidu Browser', '<', '11.16'), 'files.fileSystem': Browsers.isOs('BlackBerry Tablet OS'), - 'input.getUserMedia': Browsers.isDevice('webOS TV') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer') || (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')) || Browsers.isBrowser('Dolphin') || Browsers.isBrowser('Safari', '=', '9'), + 'input.getUserMedia': Browsers.isDevice('webOS TV') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer') || (Browsers.isBrowser('UC Browser', '<', '9.8') && Browsers.isType('mobile', 'tablet')) || Browsers.isBrowser('Dolphin') || Browsers.isBrowser('Safari', '=', '9'), 'input.getGamepads': Browsers.isDevice('webOS TV') || Browsers.isDevice('Playstation 4') || Browsers.isDevice('Wii U'), - 'location.geolocation': Browsers.isDevice('webOS TV') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser') || Browsers.isOs('Google TV'), - 'location.orientation': Browsers.isBrowser('Baidu Browser'), - 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), + 'location.geolocation': Browsers.isDevice('webOS TV') || Browsers.isDevice('Xbox One') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isOs('Google TV'), + 'location.orientation': Browsers.isBrowser('Baidu Browser', '<', '11.16'), + 'output.notifications': Browsers.isBrowser('Opera', '=', '18') || Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), 'output.requestFullScreen': Browsers.isBrowser('Sogou Explorer') || Browsers.isOs('BlackBerry Tablet OS') || Browsers.isOs('BlackBerry OS'), - 'video.subtitle': Browsers.isBrowser('Baidu Browser') || Browsers.isBrowser('Sogou Explorer'), - '3d.webgl': Browsers.isBrowser('Baidu Browser') + 'video.subtitle': Browsers.isBrowser('Baidu Browser', '<', '11.16') || Browsers.isBrowser('Sogou Explorer'), + '3d.webgl': Browsers.isBrowser('Baidu Browser', '<', '11.16') } ], diff --git a/scripts/base.js b/scripts/base.js index f6e1977f..cae3dc90 100644 --- a/scripts/base.js +++ b/scripts/base.js @@ -1,623 +1,572 @@ +var API_BASE = 'https://html5test.eu5.net/api' +/* Polyfills */ - - /* Polyfills */ - - if (!Function.prototype.bind) { - Function.prototype.bind = function (oThis) { - if (typeof this !== "function") { - // closest thing possible to the ECMAScript 5 internal IsCallable function - throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); - } - - var aArgs = Array.prototype.slice.call(arguments, 1), - fToBind = this, - fNOP = function () {}, - fBound = function () { - return fToBind.apply(this instanceof fNOP && oThis - ? this - : oThis, - aArgs.concat(Array.prototype.slice.call(arguments))); - }; - - fNOP.prototype = this.prototype; - fBound.prototype = new fNOP(); - - return fBound; - }; - } - - (function(win, doc){ - if(win.addEventListener)return; //No need to polyfill - - function docHijack(p){var old = doc[p];doc[p] = function(v){return addListen(old(v))}} - function addEvent(on, fn, self){ - return (self = this).attachEvent('on' + on, function(e){ - var e = e || win.event; - e.preventDefault = e.preventDefault || function(){e.returnValue = false} - e.stopPropagation = e.stopPropagation || function(){e.cancelBubble = true} - fn.call(self, e); - }); - } - function addListen(obj, i){ - if(!obj) return obj; - if(i = obj.length)while(i--)obj[i].addEventListener = addEvent; - else obj.addEventListener = addEvent; - return obj; +if (!Function.prototype.bind) { + Function.prototype.bind = function (oThis) { + if (typeof this !== "function") { + // closest thing possible to the ECMAScript 5 internal IsCallable function + throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); } - addListen([doc, win]); - if('Element' in win)win.Element.prototype.addEventListener = addEvent; //IE8 - else{ //IE < 8 - doc.attachEvent('onreadystatechange', function(){addListen(doc.all)}); //Make sure we also init at domReady - docHijack('getElementsByTagName'); - docHijack('getElementById'); - docHijack('createElement'); - addListen(doc.all); - } - })(window, document); + var aArgs = Array.prototype.slice.call(arguments, 1), + fToBind = this, + fNOP = function () {}, + fBound = function () { + return fToBind.apply(this instanceof fNOP && oThis + ? this + : oThis, + aArgs.concat(Array.prototype.slice.call(arguments))); + }; + fNOP.prototype = this.prototype; + fBound.prototype = new fNOP(); + return fBound; + }; +} + +(function (win, doc) { + if (win.addEventListener) return; //No need to polyfill + + function docHijack(p) { var old = doc[p]; doc[p] = function (v) { return addListen(old(v)) } } + function addEvent(on, fn, self) { + return (self = this).attachEvent('on' + on, function (e) { + var e = e || win.event; + e.preventDefault = e.preventDefault || function () { e.returnValue = false } + e.stopPropagation = e.stopPropagation || function () { e.cancelBubble = true } + fn.call(self, e); + }); + } + function addListen(obj, i) { + if (!obj) return obj; + if (i = obj.length) while (i--) obj[i].addEventListener = addEvent; + else obj.addEventListener = addEvent; + return obj; + } + addListen([doc, win]); + if ('Element' in win) win.Element.prototype.addEventListener = addEvent; //IE8 + else { //IE < 8 + doc.attachEvent('onreadystatechange', function () { addListen(doc.all) }); //Make sure we also init at domReady + docHijack('getElementsByTagName'); + docHijack('getElementById'); + docHijack('createElement'); + addListen(doc.all); + } +})(window, document); - /* Utility functions */ +/* Utility functions */ - function loadWhichBrowser(cb) { - var callback = cb; +function loadWhichBrowser(cb) { + var callback = cb; - var p=[],w=window,d=document,e=f=0;p.push('ua='+encodeURIComponent(navigator.userAgent));e|=w.ActiveXObject?1:0;e|=w.opera?2:0;e|=w.chrome?4:0; - e|='getBoxObjectFor' in d || 'mozInnerScreenX' in w?8:0;e|=('WebKitCSSMatrix' in w||'WebKitPoint' in w||'webkitStorageInfo' in w||'webkitURL' in w)?16:0; - e|=(e&16&&({}.toString).toString().indexOf("\n")===-1)?32:0;p.push('e='+e);f|='sandbox' in d.createElement('iframe')?1:0;f|='WebSocket' in w?2:0; - f|=w.Worker?4:0;f|=w.applicationCache?8:0;f|=w.history && history.pushState?16:0;f|=d.documentElement.webkitRequestFullScreen?32:0;f|='FileReader' in w?64:0; - p.push('f='+f);p.push('r='+Math.random().toString(36).substring(7));p.push('w='+screen.width);p.push('h='+screen.height); - - var servers = [ 'api.whichbrowser.net', 'backup.whichbrowser.net' ]; + var p = [], w = window, d = document, e = f = 0; p.push('ua=' + encodeURIComponent(navigator.userAgent)); e |= w.ActiveXObject ? 1 : 0; e |= w.opera ? 2 : 0; e |= w.chrome ? 4 : 0; + e |= 'getBoxObjectFor' in d || 'mozInnerScreenX' in w ? 8 : 0; e |= ('WebKitCSSMatrix' in w || 'WebKitPoint' in w || 'webkitStorageInfo' in w || 'webkitURL' in w) ? 16 : 0; + e |= (e & 16 && ({}.toString).toString().indexOf("\n") === -1) ? 32 : 0; p.push('e=' + e); f |= 'sandbox' in d.createElement('iframe') ? 1 : 0; f |= 'WebSocket' in w ? 2 : 0; + f |= w.Worker ? 4 : 0; f |= w.applicationCache ? 8 : 0; f |= w.history && history.pushState ? 16 : 0; f |= d.documentElement.webkitRequestFullScreen ? 32 : 0; f |= 'FileReader' in w ? 64 : 0; + p.push('f=' + f); p.push('r=' + Math.random().toString(36).substring(7)); p.push('w=' + screen.width); p.push('h=' + screen.height); - var timeout = null; + var timeout = null; - function load() { - if (typeof WhichBrowser != 'undefined') { - return; - } - - var server = servers.shift(); - if (server) { - var script = document.createElement('script'); - script.src = '//' + server + '/rel/detect.js?' + p.join('&'); - document.getElementsByTagName('head')[0].appendChild(script); - - wait(); - } + function load() { + if (typeof WhichBrowser != 'undefined') { + return; } - function wait() { - if (!timeout) { - timeout = window.setTimeout(load, 3000); - } - - if (typeof WhichBrowser == 'undefined') { - window.setTimeout(wait, 100) - } - else { - window.clearTimeout(timeout); - callback(); - } - } + var script = document.createElement('script'); + script.src = 'https://api.whichbrowser.net/rel/detect.js?' + p.join('&'); + document.getElementsByTagName('head')[0].appendChild(script); - load(); + wait(); } - function submit(method, payload) { - var httpRequest; - if (window.XMLHttpRequest) { - httpRequest = new XMLHttpRequest(); - } else if (window.ActiveXObject) { - httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); + function wait() { + if (!timeout) { + timeout = window.setTimeout(load, 3000); } - httpRequest.open('POST','/api/' + method, true); - httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - httpRequest.send('payload=' + encodeURIComponent(payload)); + if (typeof WhichBrowser == 'undefined') { + window.setTimeout(wait, 100) + } + else { + window.clearTimeout(timeout); + callback(); + } } - function decodeParameters() { - var params = {}; - - if (location.search) { - var parts = location.search.substring(1).split('&'); + load(); +} - for (var i = 0; i < parts.length; i++) { - var nv = parts[i].split('='); - if (!nv[0]) continue; - params[nv[0]] = decodeURIComponent(nv[1]) || true; - } - } - - return params; +function submit(method, payload) { + var httpRequest; + if (window.XMLHttpRequest) { + httpRequest = new XMLHttpRequest(); + } else if (window.ActiveXObject) { + httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } - function upgradeConnection(success, failure) { - if (location.protocol == "http:") { - var httpRequest; - - if (window.XMLHttpRequest) { - httpRequest = new XMLHttpRequest(); - } else if (window.ActiveXObject) { - httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); - } - - httpRequest.onreadystatechange = function() { - if (httpRequest.readyState == 4) { - if (httpRequest.status >= 200 && httpRequest.status < 400) { - success(); - } else { - failure(); - } - } - } + httpRequest.open('POST', API_BASE + '/' + method, true); + httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + httpRequest.send('payload=' + encodeURIComponent(payload)); +} - httpRequest.open('GET','https://' + location.hostname + '/assets/upgrade', true); - httpRequest.send(); +function decodeParameters() { + var params = {}; - return; - } - - failure(); - } + if (location.search) { + var parts = location.search.substring(1).split('&'); - function submitResults(r, c) { - var parameters = decodeParameters(); - var identifier = typeof parameters.identifier != 'undefined' ? parameters.identifier : ''; - var source = typeof parameters.source != 'undefined' ? parameters.source : ''; - var task = typeof parameters.task != 'undefined' ? parameters.task : ''; - - try { - var payload = '{' + - '"release": "' + r.release + '",' + - '"source": "' + source + '",' + - '"protocol": "' + location.protocol + '",' + - '"identifier": "' + escapeSlashes(identifier) + '",' + - '"task": "' + task + '",' + - '"uniqueid": "' + r.uniqueid + '",' + - '"score": ' + c.score + ',' + - '"maximum": ' + c.maximum + ',' + - '"camouflage": "' + (Browsers.camouflage ? '1' : '0') + '",' + - '"features": "' + (Browsers.features.join(',')) + '",' + - '"browserName": "' + (Browsers.browser.name ? Browsers.browser.name : '') + '",' + - '"browserChannel": "' + (Browsers.browser.channel ? Browsers.browser.channel : '') + '",' + - '"browserVersion": "' + (Browsers.browser.version ? Browsers.browser.version.toString() : '') + '",' + - '"browserVersionType": "' + (Browsers.browser.version ? Browsers.browser.version.type : '') + '",' + - '"browserVersionMajor": "' + (Browsers.browser.version ? Browsers.browser.version.major : '') + '",' + - '"browserVersionMinor": "' + (Browsers.browser.version ? Browsers.browser.version.minor : '') + '",' + - '"browserVersionOriginal": "' + (Browsers.browser.version ? Browsers.browser.version.original : '') + '",' + - '"browserMode": "' + (Browsers.browser.mode ? Browsers.browser.mode : '') + '",' + - '"engineName": "' + (Browsers.engine.name ? Browsers.engine.name : '') + '",' + - '"engineVersion": "' + (Browsers.engine.version ? Browsers.engine.version.toString() : '') + '",' + - '"osName": "' + (Browsers.os.name ? Browsers.os.name : '') + '",' + - '"osFamily": "' + (Browsers.os.family ? Browsers.os.family : '') + '",' + - '"osVersion": "' + (Browsers.os.version ? Browsers.os.version.toString() : '') + '",' + - '"deviceManufacturer": "' + (Browsers.device.manufacturer ? Browsers.device.manufacturer : '') + '",' + - '"deviceModel": "' + (Browsers.device.model ? Browsers.device.model : '') + '",' + - '"deviceSeries": "' + (Browsers.device.series ? Browsers.device.series : '') + '",' + - '"deviceType": "' + (Browsers.device.type ? Browsers.device.type : '') + '",' + - '"deviceIdentified": "' + (Browsers.device.identified ? '1' : '0' ) + '",' + - '"deviceWidth": "' + (screen.width) + '",' + - '"deviceHeight": "' + (screen.height) + '",' + - '"useragent": "' + navigator.userAgent + '",' + - '"humanReadable": "' + Browsers.toString() + '",' + - '"points": "' + c.points + '",' + - '"results": "' + r.results + '"' + - '}'; - - submit('submit', payload); - } catch(e) { - alert('Could not submit results: ' + e.message); + for (var i = 0; i < parts.length; i++) { + var nv = parts[i].split('='); + if (!nv[0]) continue; + params[nv[0]] = decodeURIComponent(nv[1]) || true; } } - function escapeSlashes(string) { - return string.replace(/\\/g, '\\\\'). - replace(/\u0008/g, '\\b'). - replace(/\t/g, '\\t'). - replace(/\n/g, '\\n'). - replace(/\f/g, '\\f'). - replace(/\r/g, '\\r'). - replace(/'/g, '\\\''). - replace(/"/g, '\\"'); + return params; +} + +function submitResults(r, c) { + var parameters = decodeParameters(); + var identifier = typeof parameters.identifier != 'undefined' ? parameters.identifier : ''; + var source = typeof parameters.source != 'undefined' ? parameters.source : ''; + var task = typeof parameters.task != 'undefined' ? parameters.task : ''; + + try { + var payload = '{' + + '"release": "' + r.release + '",' + + '"source": "' + source + '",' + + '"protocol": "' + location.protocol + '",' + + '"identifier": "' + escapeSlashes(identifier) + '",' + + '"task": "' + task + '",' + + '"uniqueid": "' + r.uniqueid + '",' + + '"score": ' + c.score + ',' + + '"maximum": ' + c.maximum + ',' + + '"camouflage": "' + (Browsers.camouflage ? '1' : '0') + '",' + + '"features": "' + (Browsers.features.join(',')) + '",' + + '"browserName": "' + (Browsers.browser.name ? Browsers.browser.name : '') + '",' + + '"browserChannel": "' + (Browsers.browser.channel ? Browsers.browser.channel : '') + '",' + + '"browserVersion": "' + (Browsers.browser.version ? Browsers.browser.version.toString() : '') + '",' + + '"browserVersionType": "' + (Browsers.browser.version ? Browsers.browser.version.type : '') + '",' + + '"browserVersionMajor": "' + (Browsers.browser.version ? Browsers.browser.version.major : '') + '",' + + '"browserVersionMinor": "' + (Browsers.browser.version ? Browsers.browser.version.minor : '') + '",' + + '"browserVersionOriginal": "' + (Browsers.browser.version ? Browsers.browser.version.original : '') + '",' + + '"browserMode": "' + (Browsers.browser.mode ? Browsers.browser.mode : '') + '",' + + '"engineName": "' + (Browsers.engine.name ? Browsers.engine.name : '') + '",' + + '"engineVersion": "' + (Browsers.engine.version ? Browsers.engine.version.toString() : '') + '",' + + '"osName": "' + (Browsers.os.name ? Browsers.os.name : '') + '",' + + '"osFamily": "' + (Browsers.os.family ? Browsers.os.family : '') + '",' + + '"osVersion": "' + (Browsers.os.version ? Browsers.os.version.toString() : '') + '",' + + '"deviceManufacturer": "' + (Browsers.device.manufacturer ? Browsers.device.manufacturer : '') + '",' + + '"deviceModel": "' + (Browsers.device.model ? Browsers.device.model : '') + '",' + + '"deviceSeries": "' + (Browsers.device.series ? Browsers.device.series : '') + '",' + + '"deviceType": "' + (Browsers.device.type ? Browsers.device.type : '') + '",' + + '"deviceIdentified": "' + (Browsers.device.identified ? '1' : '0') + '",' + + '"deviceWidth": "' + (screen.width) + '",' + + '"deviceHeight": "' + (screen.height) + '",' + + '"useragent": "' + navigator.userAgent + '",' + + '"humanReadable": "' + Browsers.toString() + '",' + + '"points": "' + c.points + '",' + + '"results": "' + escapeSlashes(r.results) + '"' + + '}'; + + submit('submit', payload); + } catch (e) { + alert('Could not submit results: ' + e.message); } +} + +function escapeSlashes(string) { + return string.replace(/\\/g, '\\\\'). + replace(/\u0008/g, '\\b'). + replace(/\t/g, '\\t'). + replace(/\n/g, '\\n'). + replace(/\f/g, '\\f'). + replace(/\r/g, '\\r'). + replace(/'/g, '\\\''). + replace(/"/g, '\\"'); +} + + +var NO = 0, + YES = 1, + OLD = 2, + BUGGY = 4, + PREFIX = 8, + BLOCKED = 16, + DISABLED = 32, + UNCONFIRMED = 64, + UNKNOWN = 128, + EXPERIMENTAL = 256; + + + +var Metadata = function () { this.initialize.apply(this, arguments) }; +Metadata.prototype = { + initialize: function (data) { + this.data = data; + this.list = {}; + + for (var i = 0; i < this.data.length; i++) { + this.iterate(this.data[i].items, '', -1, []); + } + }, + iterate: function (data, prefix, level, path) { + for (var i = 0; i < data.length; i++) { + var key; - var NO = 0, - YES = 1, - OLD = 2, - BUGGY = 4, - PREFIX = 8, - BLOCKED = 16, - DISABLED = 32, - UNCONFIRMED = 64, - UNKNOWN = 128, - EXPERIMENTAL = 256; - - - - var Metadata = function() { this.initialize.apply(this, arguments) }; - Metadata.prototype = { - initialize: function(data) { - this.data = data; - this.list = {}; + if (typeof data[i].id != 'undefined') { + key = prefix + (prefix == '' ? '' : '.') + data[i].id; + } - for (var i = 0; i < this.data.length; i++) { - this.iterate(this.data[i].items, '', -1, []); + if (typeof data[i].key != 'undefined') { + key = data[i].key; } - }, - iterate: function(data, prefix, level, path) { - for (var i = 0; i < data.length; i++) { - var key; + if (key) { + path[level + 1] = key; - if (typeof data[i].id != 'undefined') { - key = prefix + (prefix == '' ? '' : '.') + data[i].id; + if (typeof data[i].key == 'undefined') { + data[i].key = key; } - if (typeof data[i].key != 'undefined') { - key = data[i].key; + if (typeof data[i].name != 'undefined') { + this.list[key] = { + name: data[i].name, + path: path.slice(0, level + 1) + }; } - if (key) { - path[level + 1] = key; - - if (typeof data[i].key == 'undefined') { - data[i].key = key; - } - - if (typeof data[i].name != 'undefined') { - this.list[key] = { - name: data[i].name, - path: path.slice(0, level + 1) - }; - } - - if (typeof data[i].items != 'undefined') { - this.iterate(data[i].items, key, level + 1, path); - } + if (typeof data[i].items != 'undefined') { + this.iterate(data[i].items, key, level + 1, path); } } - }, + } + }, - getItem: function(key) { - var item = this.list[key]; - return item; - }, + getItem: function (key) { + var item = this.list[key]; + return item; + }, - getTrail: function(key, separator) { - var item = this.list[key]; + getTrail: function (key, separator) { + var item = this.list[key]; - if (item) { - var trail = []; + if (item) { + var trail = []; - for (var i = 0; i < item.path.length; i++) { - if (typeof this.list[item.path[i]] != 'undefined') { - trail.push(this.list[item.path[i]].name); - } else { - trail.push('?'); - } + for (var i = 0; i < item.path.length; i++) { + if (typeof this.list[item.path[i]] != 'undefined') { + trail.push(this.list[item.path[i]].name); + } else { + trail.push('?'); } - - trail.push(item.name); - - return trail.join(separator); } - return '?'; - } - } - - var Calculate = function() { this.initialize.apply(this, arguments) }; - Calculate.prototype = { - initialize: function(test, data) { - this.parameters = { - test: test, - data: data - }; + trail.push(item.name); - this.maximum = 0; - this.score = 0; - this.points = []; + return trail.join(separator); + } - for (var i = 0; i < this.parameters.data.length; i++) { - this.iterate(this.parameters.data[i].items, ''); - } + return '?'; + } +} + +var Calculate = function () { this.initialize.apply(this, arguments) }; +Calculate.prototype = { + initialize: function (test, data) { + this.parameters = { + test: test, + data: data + }; + + this.maximum = 0; + this.score = 0; + this.points = []; + + for (var i = 0; i < this.parameters.data.length; i++) { + this.iterate(this.parameters.data[i].items, ''); + } - this.points = this.points.join(','); - }, + this.points = this.points.join(','); + }, - iterate: function(data, prefix) { - for (var i = 0; i < data.length; i++) { - if (data[i].key) { - if (prefix == '') { - var score = this.score; - var maximum = this.maximum; - } + iterate: function (data, prefix) { + for (var i = 0; i < data.length; i++) { + if (data[i].key) { + if (prefix == '') { + var score = this.score; + var maximum = this.maximum; + } - if (typeof data[i].value != 'undefined') { - this.calculate(data[i].key, data[i]); - } + if (typeof data[i].value != 'undefined') { + this.calculate(data[i].key, data[i]); + } - if (typeof data[i].items != 'undefined') { - this.iterate(data[i].items, data[i].key); - } + if (typeof data[i].items != 'undefined') { + this.iterate(data[i].items, data[i].key); + } - if (prefix == '') { - this.points.push(data[i].id + '=' + (this.score - score) + '/' + (this.maximum - maximum)); - } + if (prefix == '') { + this.points.push(data[i].id + '=' + (this.score - score) + '/' + (this.maximum - maximum)); } } - }, + } + }, - calculate: function(prefix, data) { - var result = true; - var value = typeof data.value == 'object' ? data.value : { maximum: data.value }; + calculate: function (prefix, data) { + var result = true; + var value = typeof data.value == 'object' ? data.value : { maximum: data.value }; - if (typeof data.value.conditional == 'undefined') { - this.maximum += value.maximum; - } + if (typeof data.value.conditional == 'undefined') { + this.maximum += value.maximum; + } - if (typeof data.items == 'object') { - result = 0; - passed = true; + if (typeof data.items == 'object') { + result = 0; + passed = true; - for (var i = 0; i < data.items.length; i++) { - if (data.items[i].key) { - var r = this.getResult(data.items[i].key); - passed &= r | YES; - result |= r; - } - } - - if (!passed) { - result = false; + for (var i = 0; i < data.items.length; i++) { + if (data.items[i].key) { + var r = this.getResult(data.items[i].key); + passed &= r | YES; + result |= r; } } - else { - result = this.getResult(prefix); - } - if (result & YES) { - var valid = true; + if (!passed) { + result = false; + } + } + else { + result = this.getResult(prefix); + } - if (typeof data.value.conditional == 'string') { - if (data.value.conditional.substr(0, 1) == '!') { - var conditional = this.getResult(data.value.conditional.substr(1)); + if (result & YES) { + var valid = true; - if (conditional & YES) { - valid = false; - } - } - } + if (typeof data.value.conditional == 'string') { + if (data.value.conditional.substr(0, 1) == '!') { + var conditional = this.getResult(data.value.conditional.substr(1)); - if (valid) { - if (result & PREFIX && typeof value.award == 'object' && typeof value.award.PREFIX != 'undefined') { - this.score += value.award.PREFIX; - } - else if (result & BUGGY && typeof value.award == 'object' && typeof value.award.BUGGY != 'undefined') { - this.score += value.award.BUGGY; - } - else if (result & OLD && typeof value.award == 'object' && typeof value.award.OLD != 'undefined') { - this.score += value.award.OLD; - } - else { - this.score += value.maximum; + if (conditional & YES) { + valid = false; } } } - }, - getResult: function(key) { - if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(this.parameters.test.results)) { - return parseInt(match[1], 10); + if (valid) { + if (result & PREFIX && typeof value.award == 'object' && typeof value.award.PREFIX != 'undefined') { + this.score += value.award.PREFIX; + } + else if (result & BUGGY && typeof value.award == 'object' && typeof value.award.BUGGY != 'undefined') { + this.score += value.award.BUGGY; + } + else if (result & OLD && typeof value.award == 'object' && typeof value.award.OLD != 'undefined') { + this.score += value.award.OLD; + } + else { + this.score += value.maximum; + } } + } + }, - return null; + getResult: function (key) { + if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(this.parameters.test.results)) { + return parseInt(match[1], 10); } - }; + return null; + } +}; - /* Base UI functions */ - var Index = function() { this.initialize.apply(this, arguments) }; - Index.prototype = { - initialize: function(options) { - var that = this; - this.options = options; +/* Base UI functions */ - var menu = document.createElement('div'); - menu.id = 'indexmenu'; - options.index.appendChild(menu); +var Index = function () { this.initialize.apply(this, arguments) }; +Index.prototype = { + initialize: function (options) { + var that = this; + this.options = options; - var categories = document.createElement('ul'); - menu.appendChild(categories); + var menu = document.createElement('div'); + menu.id = 'indexmenu'; + options.index.appendChild(menu); - for (var i = 0; i < options.tests.length; i++) { - var category = document.createElement('li'); - category.className = 'category ' + options.tests[i].id; - categories.appendChild(category); + var categories = document.createElement('ul'); + menu.appendChild(categories); - var link = document.createElement('a'); - link.href = '#category-' + options.tests[i].id; - link.onclick = function () { that.closeIndex(); }; - link.innerHTML = options.tests[i].name; - category.appendChild(link); + for (var i = 0; i < options.tests.length; i++) { + var category = document.createElement('li'); + category.className = 'category ' + options.tests[i].id; + categories.appendChild(category); - if (options.tests[i].items.length) { - var items = document.createElement('ul'); - category.appendChild(items); + var link = document.createElement('a'); + link.href = '#category-' + options.tests[i].id; + link.onclick = function () { that.closeIndex(); }; + link.innerHTML = options.tests[i].name; + category.appendChild(link); - for (var j = 0; j < options.tests[i].items.length; j++) { - var item = document.createElement('li'); - items.appendChild(item); + if (options.tests[i].items.length) { + var items = document.createElement('ul'); + category.appendChild(items); - var link = document.createElement('a'); - link.href = '#table-' + options.tests[i].items[j].id; - link.onclick = function () { that.closeIndex(); }; - link.innerHTML = options.tests[i].items[j].name; - item.appendChild(link); - } + for (var j = 0; j < options.tests[i].items.length; j++) { + var item = document.createElement('li'); + items.appendChild(item); + + var link = document.createElement('a'); + link.href = '#table-' + options.tests[i].items[j].id; + link.onclick = function () { that.closeIndex(); }; + link.innerHTML = options.tests[i].items[j].name; + item.appendChild(link); } } + } - var button = document.createElement('button'); - button.innerHTML = ''; - button.id = 'indexbutton'; - button.onclick = this.toggleIndex; - options.index.appendChild(button); - - options.wrapper.onclick = this.closeIndex; - }, + var button = document.createElement('button'); + button.innerHTML = ''; + button.id = 'indexbutton'; + button.onclick = this.toggleIndex; + options.index.appendChild(button); - toggleIndex: function() { - if (document.body.className.indexOf(' indexVisible') == -1) { - document.body.className = document.body.className.replace(' indexVisible', '') + ' indexVisible'; - } else { - document.body.className = document.body.className.replace(' indexVisible', ''); - } - }, + options.wrapper.onclick = this.closeIndex; + }, - closeIndex: function() { + toggleIndex: function () { + if (document.body.className.indexOf(' indexVisible') == -1) { + document.body.className = document.body.className.replace(' indexVisible', '') + ' indexVisible'; + } else { document.body.className = document.body.className.replace(' indexVisible', ''); } - } - - - var Confirm = function() { this.initialize.apply(this, arguments) }; - Confirm.prototype = { - initialize: function(parent, options) { - this.options = options; + }, - this.useragent = document.createElement('p'); - this.useragent.className = 'useragent'; - parent.appendChild(this.useragent); - this.useragent.innerHTML = 'You are using ' + Browsers; - - this.confirm = document.createElement('span'); - this.confirm.innerHTML = 'Correct?'; - this.useragent.appendChild(this.confirm); - - var correct = document.createElement('a'); - correct.addEventListener('click', function() { this.confirmUseragent(); }.bind(this), true); - correct.className = 'correct'; - correct.innerHTML = '✔'; - this.confirm.appendChild(correct); - - var wrong = document.createElement('a'); - wrong.addEventListener('click', function(e) { e.stopPropagation(); this.reportUseragent(); }.bind(this), true); - wrong.className = 'wrong'; - wrong.innerHTML = '✘'; - this.confirm.appendChild(wrong); - - this.thanks = document.createElement('span'); + closeIndex: function () { + document.body.className = document.body.className.replace(' indexVisible', ''); + } +} + + +var Confirm = function () { this.initialize.apply(this, arguments) }; +Confirm.prototype = { + initialize: function (parent, options) { + this.options = options; + + this.useragent = document.createElement('p'); + this.useragent.className = 'useragent'; + parent.appendChild(this.useragent); + this.useragent.innerHTML = 'You are using ' + Browsers; + + this.confirm = document.createElement('span'); + this.confirm.innerHTML = 'Correct?'; + this.useragent.appendChild(this.confirm); + + var correct = document.createElement('a'); + correct.addEventListener('click', function () { this.confirmUseragent(); }.bind(this), true); + correct.className = 'correct'; + correct.innerHTML = '✔'; + this.confirm.appendChild(correct); + + var wrong = document.createElement('a'); + wrong.addEventListener('click', function (e) { e.stopPropagation(); this.reportUseragent(); }.bind(this), true); + wrong.className = 'wrong'; + wrong.innerHTML = '✘'; + this.confirm.appendChild(wrong); + + this.thanks = document.createElement('span'); + this.thanks.style.display = 'none'; + this.thanks.innerHTML = 'Thanks!'; + this.useragent.appendChild(this.thanks); + }, + + confirmUseragent: function () { + this.options.onConfirm(); + this.showThanks(); + }, + + reportUseragent: function () { + this.options.onReport(); + + new Feedback(this.confirm, { + suggestion: 'I am using' + ' ' + Browsers, + + onFeedback: function (value) { + this.options.onFeedback(value); + }.bind(this), + + onClose: function () { + this.showThanks(); + }.bind(this) + }); + }, + + showThanks: function () { + this.confirm.style.display = 'none'; + this.thanks.style.display = 'inline'; + + window.setTimeout(function () { this.thanks.style.display = 'none'; - this.thanks.innerHTML = 'Thanks!'; - this.useragent.appendChild(this.thanks); - }, - - confirmUseragent: function() { - this.options.onConfirm(); - this.showThanks(); - }, - - reportUseragent: function() { - this.options.onReport(); - - new Feedback(this.confirm, { - suggestion: 'I am using' + ' ' + Browsers, - - onFeedback: function(value) { - this.options.onFeedback(value); - }.bind(this), - - onClose: function() { - this.showThanks(); - }.bind(this) - }); - }, - - showThanks: function() { - this.confirm.style.display = 'none'; - this.thanks.style.display = 'inline'; - - window.setTimeout(function() { - this.thanks.style.display = 'none'; - }.bind(this), 2500); - } + }.bind(this), 2500); } +} + +var Save = function () { this.initialize.apply(this, arguments) }; +Save.prototype = { + initialize: function (parent, options) { + var that = this; + + this.parent = parent; + this.options = options; + this.created = false; + + this.popup = document.createElement('div'); + this.popup.className = 'popupPanel pointsLeft save'; + this.popup.style.display = 'none'; + this.parent.appendChild(this.popup); + + document.addEventListener('click', this.close.bind(this), false) + document.addEventListener('touchstart', this.close.bind(this), false) + + this.parent.addEventListener('click', this.open.bind(this), true) + this.parent.addEventListener('touchstart', this.open.bind(this), true) + }, + + create: function () { + this.created = true; + + this.popup.innerHTML += + "
    " + + "

    You can see the results here:

    " + + "

    html5test.co/s/?" + this.options.id + "

    " + + "

    Or scan this QR-code:

    " + + "

    " + + "" + + "

    " + + "

    The unique id for this test is:
    " + this.options.id + "

    " + + "
    "; + + if (this.options.onSave) { + this.options.onSave(); + } + }, + open: function (e) { + e.stopPropagation(); - var Share = function() { this.initialize.apply(this, arguments) }; - Share.prototype = { - initialize: function(parent, options) { - var that = this; - - this.parent = parent; - this.options = options; - this.created = false; - - this.popup = document.createElement('div'); - this.popup.className = 'popupPanel pointsLeft share'; - this.popup.style.display = 'none'; - this.parent.appendChild(this.popup); - - this.parent.addEventListener('click', this.open.bind(this), true) - this.parent.addEventListener('touchstart', this.open.bind(this), true) - - document.addEventListener('click', this.close.bind(this), true) - document.addEventListener('touchstart', this.close.bind(this), true) - }, - - create: function() { - this.created = true; - - this.popup.innerHTML += - "
    " + - - "
    " + - "" + - "
    " + - - "
    " + - "" + - "
    " + - - "
    " + - "
    " + - "
    " + - - "
    "; - - - - !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) - {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}} - (document,"script","twitter-wjs"); + var ignore = false; + var el = e.target || e.srcElement; - (function() { - var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; - po.src = 'https://apis.google.com/js/plusone.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); - })(); - }, + while (el != this.parent && ignore == false) { + if (el.className.indexOf('popupPanel') != -1) ignore = true; + el = el.parentNode; + } - open: function(e) { + if (!ignore) { e.preventDefault(); if (!this.created) { @@ -625,200 +574,133 @@ } this.popup.style.display = 'block'; - }, - - close: function() { - this.popup.style.display = 'none'; } - } - - - var Save = function() { this.initialize.apply(this, arguments) }; - Save.prototype = { - initialize: function(parent, options) { - var that = this; - - this.parent = parent; - this.options = options; - this.created = false; - - this.popup = document.createElement('div'); - this.popup.className = 'popupPanel pointsLeft save'; - this.popup.style.display = 'none'; - this.parent.appendChild(this.popup); - - document.addEventListener('click', this.close.bind(this), false) - document.addEventListener('touchstart', this.close.bind(this), false) - - this.parent.addEventListener('click', this.open.bind(this), true) - this.parent.addEventListener('touchstart', this.open.bind(this), true) - }, + }, - create: function() { - this.created = true; - - this.popup.innerHTML += - "
    " + - "

    You can see the results here:

    " + - "

    html5te.st/" + this.options.id + "

    " + - "

    Or scan this QR-code:

    " + - "

    " + - "" + - "

    " + - "

    The unique id for this test is:
    " + this.options.id + "

    " + - "
    "; - - if (this.options.onSave) { - this.options.onSave(); - } - }, - - open: function(e) { - e.stopPropagation(); - - var ignore = false; - var el = e.target || e.srcElement; - - while (el != this.parent && ignore == false) { - if (el.className.indexOf('popupPanel') != -1) ignore = true; - el = el.parentNode; - } - - if (!ignore) { - e.preventDefault(); - - if (!this.created) { - this.create(); - } - - this.popup.style.display = 'block'; - } - }, - - close: function(e) { - this.popup.style.display = 'none'; - } + close: function (e) { + this.popup.style.display = 'none'; } +} - var Feedback = function() { this.initialize.apply(this, arguments) }; - Feedback.prototype = { - initialize: function(parent, options) { - var that = this; +var Feedback = function () { this.initialize.apply(this, arguments) }; +Feedback.prototype = { + initialize: function (parent, options) { + var that = this; - this.parent = parent; - this.options = options; + this.parent = parent; + this.options = options; - this.popup = document.createElement('div'); - this.popup.className = 'popupPanel pointsRight feedback'; - this.popup.style.display = 'none'; - this.parent.appendChild(this.popup); + this.popup = document.createElement('div'); + this.popup.className = 'popupPanel pointsRight feedback'; + this.popup.style.display = 'none'; + this.parent.appendChild(this.popup); - this.popup.addEventListener('click', function(e) { e.stopPropagation() }, false) - this.popup.addEventListener('touchstart', function(e) { e.stopPropagation() }, false) + this.popup.addEventListener('click', function (e) { e.stopPropagation() }, false) + this.popup.addEventListener('touchstart', function (e) { e.stopPropagation() }, false) - document.addEventListener('click', this.close.bind(this), false) - document.addEventListener('touchstart', this.close.bind(this), false) + document.addEventListener('click', this.close.bind(this), false) + document.addEventListener('touchstart', this.close.bind(this), false) - this.create(); - }, + this.create(); + }, - create: function() { - this.created = true; + create: function () { + this.created = true; - this.popup.innerHTML += - "
    " + - "

    What is wrong with this identification?

    " + - ""+ - "" + - "
    "; + this.popup.innerHTML += + "
    " + + "

    What is wrong with this identification?

    " + + "" + + "" + + "
    "; - this.popup.style.display = 'block'; + this.popup.style.display = 'block'; - var button = document.getElementById('sendCorrection') - button.addEventListener('click', this.send.bind(this), false); - }, + var button = document.getElementById('sendCorrection') + button.addEventListener('click', this.send.bind(this), false); + }, - send: function() { - var field = document.getElementById('correction') + send: function () { + var field = document.getElementById('correction') - if (field.value != this.options.suggestion) { - if (this.options.onFeedback) { - this.options.onFeedback(field.value); - } + if (field.value != this.options.suggestion) { + if (this.options.onFeedback) { + this.options.onFeedback(field.value); } + } - this.close(); - }, + this.close(); + }, - close: function(e) { - this.popup.style.display = 'none'; - this.popup.parentNode.removeChild(this.popup); + close: function (e) { + this.popup.style.display = 'none'; + this.popup.parentNode.removeChild(this.popup); - if (this.options.onClose) { - this.options.onClose(); - } + if (this.options.onClose) { + this.options.onClose(); } } +} - var ResultsTable = function() { this.initialize.apply(this, arguments) }; - ResultsTable.prototype = { +var ResultsTable = function () { this.initialize.apply(this, arguments) }; +ResultsTable.prototype = { - initialize: function(options) { - this.parent = options.parent; - this.tests = options.tests; - this.options = { - title: options.title || '', - browsers: options.browsers || [], - columns: options.columns || 2, - distribute: options.distribute || false, - header: options.header || false, - links: options.links || false, - grading: options.grading || false, - features: options.features || false, - explainations: options.explainations || false, + initialize: function (options) { + this.parent = options.parent; + this.tests = options.tests; + this.options = { + title: options.title || '', + browsers: options.browsers || [], + columns: options.columns || 2, + distribute: options.distribute || false, + header: options.header || false, + links: options.links || false, + grading: options.grading || false, + features: options.features || false, + explainations: options.explainations || false, - onChange: options.onChange || false - } + onChange: options.onChange || false + } - var that = this; + var that = this; - function close(e) { - if (that.panel) { - var cell = that.panel.parentNode; - var node = e.target; + function close(e) { + if (that.panel) { + var cell = that.panel.parentNode; + var node = e.target; - while (node.parentNode) { - if (node == that.panel) return; - node = node.parentNode; - } + while (node.parentNode) { + if (node == that.panel) return; + node = node.parentNode; + } - that.panel.parentNode.removeChild(that.panel); - that.panel = null; + that.panel.parentNode.removeChild(that.panel); + that.panel = null; - var node = e.target; - while (node.parentNode) { - if (node == cell) return e.stopPropagation(); - node = node.parentNode; - } + var node = e.target; + while (node.parentNode) { + if (node == cell) return e.stopPropagation(); + node = node.parentNode; } } + } - document.addEventListener('click', close, true) - document.addEventListener('touchstart', close, true) + document.addEventListener('click', close, true) + document.addEventListener('touchstart', close, true) - this.data = [ null ]; + this.data = [null]; - this.createCategories(this.parent, this.tests); - }, + this.createCategories(this.parent, this.tests); + }, - updateColumn: function(column, data) { - this.data[column] = data; + updateColumn: function (column, data) { + this.data[column] = data; - for (var c = 0; c < this.tests.length; c++) + for (var c = 0; c < this.tests.length; c++) for (var i = 0; i < this.tests[c].items.length; i++) { var test = this.tests[c].items[i]; @@ -841,11 +723,11 @@ var grade = ''; var percent = parseInt(points / maximum * 100, 10); switch (true) { - case percent == 0: grade = 'none'; break; + case percent == 0: grade = 'none'; break; case percent <= 30: grade = 'badly'; break; case percent <= 60: grade = 'reasonable'; break; case percent <= 95: grade = 'good'; break; - default: grade = 'great'; break; + default: grade = 'great'; break; } if (points == maximum) @@ -863,307 +745,307 @@ } } } - }, + }, - updateItems: function(column, data, tests) { - var count = [ 0, 0 ]; + updateItems: function (column, data, tests) { + var count = [0, 0]; - for (var i = 0; i < tests.length; i++) { - if (typeof tests[i] != 'string') { - var key = tests[i].key; + for (var i = 0; i < tests.length; i++) { + if (typeof tests[i] != 'string') { + var key = tests[i].key; - var row = document.getElementById('row-' + key); - var cell = row.childNodes[column + 1]; + var row = document.getElementById('row-' + key); + var cell = row.childNodes[column + 1]; - if (typeof tests[i].items != 'undefined') { - var results = this.updateItems(column, data, tests[i].items); + if (typeof tests[i].items != 'undefined') { + var results = this.updateItems(column, data, tests[i].items); + + if (results[0] == results[1]) + cell.innerHTML = '
    Yes ✔
    '; + else if (results[1] == 0) + cell.innerHTML = '
    No ✘
    '; + else + cell.innerHTML = '
    Partial ○
    '; + } - if (results[0] == results[1]) - cell.innerHTML = '
    Yes ✔
    '; - else if (results[1] == 0) - cell.innerHTML = '
    No ✘
    '; - else - cell.innerHTML = '
    Partial ○
    '; - } + else { + if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(data.results)) { + var result = parseInt(match[1], 10); - else { - if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(data.results)) { - var result = parseInt(match[1], 10); - - if (result & YES) { - switch(true) { - case !! (result & BUGGY): cell.innerHTML = '
    Buggy
    '; break; - case !! (result & OLD): cell.innerHTML = '
    Partial ○
    '; count[1]++; break; - case !! (result & PREFIX): cell.innerHTML = '
    Prefixed ✔
    '; count[1]++; break; - default: cell.innerHTML = '
    Yes ✔
    '; count[1]++; break; - } + if (result & YES) { + switch (true) { + case !!(result & BUGGY): cell.innerHTML = '
    Buggy
    '; break; + case !!(result & OLD): cell.innerHTML = '
    Partial ○
    '; count[1]++; break; + case !!(result & PREFIX): cell.innerHTML = '
    Prefixed ✔
    '; count[1]++; break; + default: cell.innerHTML = '
    Yes ✔
    '; count[1]++; break; } - else { - switch(true) { - case !! (result & UNKNOWN): cell.innerHTML = '
    Unknown ?
    '; break; - case !! (result & BLOCKED): cell.innerHTML = '
    Not functional !
    '; break; - case !! (result & DISABLED): cell.innerHTML = '
    Disabled ✘
    '; break; - default: cell.innerHTML = '
    No ✘
    '; break; - } + } + else { + switch (true) { + case !!(result & UNKNOWN): cell.innerHTML = '
    Unknown ?
    '; break; + case !!(result & BLOCKED): cell.innerHTML = '
    Not functional !
    '; break; + case !!(result & DISABLED): cell.innerHTML = '
    Disabled ✘
    '; break; + default: cell.innerHTML = '
    No ✘
    '; break; } - } else { - cell.innerHTML = '
    Unknown ?
    '; } + } else { + cell.innerHTML = '
    Unknown ?
    '; } - - count[0]++; } + + count[0]++; } + } - return count; - }, + return count; + }, - createCategories: function(parent, tests) { - var left, right; + createCategories: function (parent, tests) { + var left, right; - left = document.createElement('div'); - left.className = 'left'; - left.innerHTML = '
    '; - parent.appendChild(left); + left = document.createElement('div'); + left.className = 'left'; + left.innerHTML = '
    '; + parent.appendChild(left); - right = document.createElement('div'); - right.className = 'right'; - right.innerHTML = '
    '; - parent.appendChild(right); + right = document.createElement('div'); + right.className = 'right'; + right.innerHTML = '
    '; + parent.appendChild(right); - for (var i = 0; i < tests.length; i++) { - var container = parent; - if (tests[i].column == 'left') container = left.firstChild; - if (tests[i].column == 'right') container = right.firstChild; + for (var i = 0; i < tests.length; i++) { + var container = parent; + if (tests[i].column == 'left') container = left.firstChild; + if (tests[i].column == 'right') container = right.firstChild; - var div = document.createElement('div'); - div.className = 'category ' + tests[i].id; - div.id = 'category-' + tests[i].id; - container.appendChild(div); + var div = document.createElement('div'); + div.className = 'category ' + tests[i].id; + div.id = 'category-' + tests[i].id; + container.appendChild(div); - var h2 = document.createElement('h2'); - h2.innerHTML = tests[i].name; - div.appendChild(h2); + var h2 = document.createElement('h2'); + h2.innerHTML = tests[i].name; + div.appendChild(h2); - this.createSections(div, tests[i].items); + this.createSections(div, tests[i].items); + } + }, + + createSections: function (parent, tests) { + for (var i = 0; i < tests.length; i++) { + var table = document.createElement('table'); + table.cellSpacing = 0; + table.id = 'table-' + tests[i].id; + parent.appendChild(table); + + var thead = document.createElement('thead'); + table.appendChild(thead); + + var tr = document.createElement('tr'); + tr.id = 'head-' + tests[i].id; + thead.appendChild(tr); + + var th = document.createElement('th'); + th.innerHTML = tests[i].name + "
    "; + th.colSpan = this.options.columns + 1; + tr.appendChild(th); + + if (typeof tests[i].items != 'undefined') { + var tbody = document.createElement('tbody'); + table.appendChild(tbody); + + var status = typeof tests[i].status != 'undefined' ? tests[i].status : ''; + + this.createItems(tbody, 0, tests[i].items, { + id: tests[i].id, + status: status, + urls: [] + }); } - }, + } + }, - createSections: function(parent, tests) { - for (var i = 0; i < tests.length; i++) { - var table = document.createElement('table'); - table.cellSpacing = 0; - table.id = 'table-' + tests[i].id; - parent.appendChild(table); + createItems: function (parent, level, tests, data) { + var ids = []; - var thead = document.createElement('thead'); - table.appendChild(thead); + for (var i = 0; i < tests.length; i++) { + var tr = document.createElement('tr'); + parent.appendChild(tr); - var tr = document.createElement('tr'); - tr.id = 'head-' + tests[i].id; - thead.appendChild(tr); + if (typeof tests[i] == 'string') { + if (this.options.explainations || tests[i].substr(0, 4) != '') { + var th = document.createElement('th'); + th.colSpan = this.options.columns + 1; + th.className = 'details'; + tr.appendChild(th); + + th.innerHTML = tests[i]; + } + } else { + var key = tests[i].key; var th = document.createElement('th'); - th.innerHTML = tests[i].name + "
    "; - th.colSpan = this.options.columns + 1; + th.innerHTML = "
    " + tests[i].name + "
    "; tr.appendChild(th); - if (typeof tests[i].items != 'undefined') { - var tbody = document.createElement('tbody'); - table.appendChild(tbody); - - var status = typeof tests[i].status != 'undefined' ? tests[i].status : ''; - - this.createItems(tbody, 0, tests[i].items, { - id: tests[i].id, - status: status, - urls: [] - }); + for (var c = 0; c < this.options.columns; c++) { + var td = document.createElement('td'); + tr.appendChild(td); } - } - }, - - createItems: function(parent, level, tests, data) { - var ids = []; - - for (var i = 0; i < tests.length; i++) { - var tr = document.createElement('tr'); - parent.appendChild(tr); - - if (typeof tests[i] == 'string') { - if (this.options.explainations || tests[i].substr(0, 4) != '') { - var th = document.createElement('th'); - th.colSpan = this.options.columns + 1; - th.className = 'details'; - tr.appendChild(th); - th.innerHTML = tests[i]; - } - } else { - var key = tests[i].key; - - var th = document.createElement('th'); - th.innerHTML = "
    " + tests[i].name + "
    "; - tr.appendChild(th); - - for (var c = 0; c < this.options.columns; c++) { - var td = document.createElement('td'); - tr.appendChild(td); - } + tr.id = 'row-' + key; - tr.id = 'row-' + key; - - if (level > 0) { - tr.className = 'isChild'; - } + if (level > 0) { + tr.className = 'isChild'; + } - if (typeof tests[i].items != 'undefined') { - var urls = null; + if (typeof tests[i].items != 'undefined') { + var urls = null; - if (this.options.links) { - if (typeof tests[i].urls != 'undefined') { - urls = tests[i].urls; - } - else if (typeof tests[i].url != 'undefined') { - urls = { 'w3c': tests[i].url }; - } + if (this.options.links) { + if (typeof tests[i].urls != 'undefined') { + urls = tests[i].urls; } + else if (typeof tests[i].url != 'undefined') { + urls = { 'w3c': tests[i].url }; + } + } - tr.className += 'hasChild'; - - var children = this.createItems(parent, level + 1, tests[i].items, { - id: key, - status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, - urls: urls - }); + tr.className += 'hasChild'; - this.hideChildren(tr, children); + var children = this.createItems(parent, level + 1, tests[i].items, { + id: key, + status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, + urls: urls + }); - (function(that, tr, th, children) { - th.onclick = function() { - that.toggleChildren(tr, children); - }; - })(this, tr, th, children); - } else { - var urls; - var value = 0; - var showLinks = false; + this.hideChildren(tr, children); - if (typeof tests[i].value != 'undefined') { - value = tests[i].value; - } + (function (that, tr, th, children) { + th.onclick = function () { + that.toggleChildren(tr, children); + }; + })(this, tr, th, children); + } else { + var urls; + var value = 0; + var showLinks = false; - if (typeof tests[i].urls != 'undefined') { - urls = tests[i].urls; - showLinks = true; - } - else if (typeof tests[i].url != 'undefined') { - urls = [ [ 'w3c', tests[i].url ] ]; - showLinks = true; - } + if (typeof tests[i].value != 'undefined') { + value = tests[i].value; + } - th.className = 'hasLink'; - - (function(that, th, data) { - th.onclick = function() { - new FeaturePopup(th, data); - }; - })(this, th, { - id: key, - name: tests[i].name, - value: value, - status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, - urls: (urls || []).concat(data.urls || []) - }); + if (typeof tests[i].urls != 'undefined') { + urls = tests[i].urls; + showLinks = true; } + else if (typeof tests[i].url != 'undefined') { + urls = [['w3c', tests[i].url]]; + showLinks = true; + } + + th.className = 'hasLink'; - ids.push(tr.id); + (function (that, th, data) { + th.onclick = function () { + new FeaturePopup(th, data); + }; + })(this, th, { + id: key, + name: tests[i].name, + value: value, + status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, + urls: (urls || []).concat(data.urls || []) + }); } + + ids.push(tr.id); } + } - return ids; - }, + return ids; + }, - toggleChildren: function(element, ids) { - if (element.className.indexOf(' hidden') == -1) { - this.hideChildren(element, ids); - } else { - this.showChildren(element, ids); - } - }, + toggleChildren: function (element, ids) { + if (element.className.indexOf(' hidden') == -1) { + this.hideChildren(element, ids); + } else { + this.showChildren(element, ids); + } + }, - showChildren: function(element, ids) { - element.className = element.className.replace(' hidden', ''); + showChildren: function (element, ids) { + element.className = element.className.replace(' hidden', ''); - for (var i = 0; i < ids.length; i++) { - var e = document.getElementById(ids[i]); - e.style.display = 'table-row'; - } - }, + for (var i = 0; i < ids.length; i++) { + var e = document.getElementById(ids[i]); + e.style.display = 'table-row'; + } + }, - hideChildren: function(element, ids) { - element.className = element.className.replace(' hidden', ''); - element.className += ' hidden'; + hideChildren: function (element, ids) { + element.className = element.className.replace(' hidden', ''); + element.className += ' hidden'; - for (var i = 0; i < ids.length; i++) { - var e = document.getElementById(ids[i]); - e.style.display = 'none'; - } + for (var i = 0; i < ids.length; i++) { + var e = document.getElementById(ids[i]); + e.style.display = 'none'; } } +} - var FeaturePopup = function() { this.initialize.apply(this, arguments) }; - FeaturePopup.current = null; - FeaturePopup.prototype = { - initialize: function(parent, data) { - if (FeaturePopup.current) { - FeaturePopup.current.close(); - } +var FeaturePopup = function () { this.initialize.apply(this, arguments) }; +FeaturePopup.current = null; +FeaturePopup.prototype = { + initialize: function (parent, data) { + if (FeaturePopup.current) { + FeaturePopup.current.close(); + } - var maximum = data.value; - if (typeof maximum == 'object') { - maximum = maximum.maximum; - } + var maximum = data.value; + if (typeof maximum == 'object') { + maximum = maximum.maximum; + } - var content = ""; - content += "
    "; - content += "
    " + data.status + "
    "; - content += "
    " + ( maximum || '✘' ) + " " + (maximum != 1 ? 'Points' : 'Point') + "
    "; - content += "
    Compare
    "; - content += "
    "; - content += "
    "; - - for (var i = 0; i < data.urls.length; i++) { - if (data.urls[i][0] == 'w3c') content += "Go to the specification at W3C.org"; - if (data.urls[i][0] == 'whatwg') content += "Go to the specification at Whatwg.org"; - if (data.urls[i][0] == 'khronos') content += "Go to the specification at Khronos.org"; - if (data.urls[i][0] == 'ietf') content += "Go to the specification at IETF.org"; - if (data.urls[i][0] == 'webm') content += "Go to the specification at WebMproject.org"; - if (data.urls[i][0] == 'xiph') content += "Go to the specification at Xiph.org"; - if (data.urls[i][0] == 'ecma') content += "Go to the specification at ECMA"; - if (data.urls[i][0] == 'ricg') content += "Go to Responsive Images Community Group"; - if (data.urls[i][0] == 'wp') content += "Documentation at WebPlatform.org"; - if (data.urls[i][0] == 'mdn') content += "Documentation at Mozilla Developer Network"; - } + var content = ""; + content += "
    "; + content += "
    " + data.status + "
    "; + content += "
    " + (maximum || '✘') + " " + (maximum != 1 ? 'Points' : 'Point') + "
    "; + content += "
    Compare
    "; + content += "
    "; + content += "
    "; + + for (var i = 0; i < data.urls.length; i++) { + if (data.urls[i][0] == 'w3c') content += "Go to the specification at W3C.org"; + if (data.urls[i][0] == 'whatwg') content += "Go to the specification at Whatwg.org"; + if (data.urls[i][0] == 'khronos') content += "Go to the specification at Khronos.org"; + if (data.urls[i][0] == 'ietf') content += "Go to the specification at IETF.org"; + if (data.urls[i][0] == 'webm') content += "Go to the specification at WebMproject.org"; + if (data.urls[i][0] == 'xiph') content += "Go to the specification at Xiph.org"; + if (data.urls[i][0] == 'ecma') content += "Go to the specification at ECMA"; + if (data.urls[i][0] == 'ricg') content += "Go to Responsive Images Community Group"; + if (data.urls[i][0] == 'wp') content += "Documentation at WebPlatform.org"; + if (data.urls[i][0] == 'mdn') content += "Documentation at Mozilla Developer Network"; + } - content += "
    "; + content += "
    "; - this.panel = document.createElement('div'); - this.panel.className = 'linksPanel popupPanel pointsLeft'; - this.panel.innerHTML = content; - parent.appendChild(this.panel); + this.panel = document.createElement('div'); + this.panel.className = 'linksPanel popupPanel pointsLeft'; + this.panel.innerHTML = content; + parent.appendChild(this.panel); - FeaturePopup.current = this; - }, + FeaturePopup.current = this; + }, - close: function() { - this.panel.parentNode.removeChild(this.panel); - FeaturePopup.current = null; - } + close: function () { + this.panel.parentNode.removeChild(this.panel); + FeaturePopup.current = null; } +} - document.addEventListener('click', function() { if (FeaturePopup.current) FeaturePopup.current.close() }, true) - document.addEventListener('touchstart', function() { if (FeaturePopup.current) FeaturePopup.current.close() }, true) +document.addEventListener('click', function () { if (FeaturePopup.current) FeaturePopup.current.close() }, true) +document.addEventListener('touchstart', function () { if (FeaturePopup.current) FeaturePopup.current.close() }, true) diff --git a/scripts/fullscreen.js b/scripts/fullscreen.js index e4c99ce1..309e83d4 100644 --- a/scripts/fullscreen.js +++ b/scripts/fullscreen.js @@ -1,4 +1,4 @@ -(function(doc) { +(function (doc) { var pollute = true, @@ -9,30 +9,30 @@ enabled: "fullscreenEnabled", element: "fullscreenElement", request: "requestFullscreen", - exit: "exitFullscreen", + exit: "exitFullscreen", events: { change: "fullscreenchange", - error: "fullscreenerror" + error: "fullscreenerror" } }, webkit: { enabled: "webkitIsFullScreen", element: "webkitCurrentFullScreenElement", request: "webkitRequestFullScreen", - exit: "webkitCancelFullScreen", + exit: "webkitCancelFullScreen", events: { change: "webkitfullscreenchange", - error: "webkitfullscreenerror" + error: "webkitfullscreenerror" } }, moz: { enabled: "mozFullScreen", element: "mozFullScreenElement", request: "mozRequestFullScreen", - exit: "mozCancelFullScreen", + exit: "mozCancelFullScreen", events: { change: "mozfullscreenchange", - error: "mozfullscreenerror" + error: "mozfullscreenerror" } } }, @@ -69,7 +69,7 @@ if (pollute && api && vendor !== "w3") { // Add listeners for fullscreen events doc.addEventListener(api.events.change, handleChange, false); - doc.addEventListener(api.events.error, handleError, false); + doc.addEventListener(api.events.error, handleError, false); // Copy the default value doc[w3.enabled] = doc[api.enabled]; @@ -79,7 +79,7 @@ doc[w3.exit] = doc[api.exit]; // Add the request method to the Element's prototype - Element.prototype[w3.request] = function() { + Element.prototype[w3.request] = function () { return this[api.request].apply(this, arguments); }; } diff --git a/scripts/reporting.js b/scripts/reporting.js index 24519098..a578ea31 100644 --- a/scripts/reporting.js +++ b/scripts/reporting.js @@ -1,256 +1,214 @@ - var SearchField = function() { this.initialize.apply(this, arguments) }; - SearchField.prototype = { - - initialize: function(options) { - this.parent = options.parent; - this.options = { - value: options.value || null, - onQuery: options.onQuery || null, - onSubmit: options.onSubmit || null - } +var SearchField = function () { this.initialize.apply(this, arguments) }; +SearchField.prototype = { + + initialize: function (options) { + this.parent = options.parent; + this.options = { + value: options.value || null, + onQuery: options.onQuery || null, + onSubmit: options.onSubmit || null + } - this.interval = null; + this.interval = null; - this.container = document.createElement('div'); - this.container.className = 'search'; - this.parent.appendChild(this.container); + this.container = document.createElement('div'); + this.container.className = 'search'; + this.parent.appendChild(this.container); - this.container.innerHTML = - "" + - ""; + this.container.innerHTML = + "" + + ""; - this.container.addEventListener("click", this.onClick.bind(this), false); + this.container.addEventListener("click", this.onClick.bind(this), false); - this.container.firstChild.addEventListener("keyup", this.onUpdate.bind(this), true); - this.container.firstChild.addEventListener("change", this.onUpdate.bind(this), true); - this.container.firstChild.nextSibling.addEventListener("click", this.onClear.bind(this), true); - }, + this.container.firstChild.addEventListener("keyup", this.onUpdate.bind(this), true); + this.container.firstChild.addEventListener("change", this.onUpdate.bind(this), true); + this.container.firstChild.nextSibling.addEventListener("click", this.onClear.bind(this), true); + }, - onUpdate: function(e) { - if (this.interval) { - window.clearTimeout(this.interval); - } + onUpdate: function (e) { + if (this.interval) { + window.clearTimeout(this.interval); + } - this.interval = window.setTimeout(this.onQuery.bind(this), 250); + this.interval = window.setTimeout(this.onQuery.bind(this), 250); - if (e.keyCode == 13) { - if (this.options.onSubmit) { - this.options.onSubmit(this.container.firstChild.value); - } + if (e.keyCode == 13) { + if (this.options.onSubmit) { + this.options.onSubmit(this.container.firstChild.value); } - }, - - onClick: function(e) { - e.stopPropagation(); - }, + } + }, - onClear: function(e) { - e.stopPropagation(); + onClick: function (e) { + e.stopPropagation(); + }, - this.clear(); + onClear: function (e) { + e.stopPropagation(); - if (this.options.onQuery) { - this.options.onQuery(''); - } + this.clear(); - if (this.options.onSubmit) { - this.options.onSubmit(''); - } - }, + if (this.options.onQuery) { + this.options.onQuery(''); + } - onQuery: function() { - var value = this.container.firstChild.value; - if (value.length < 3) return; + if (this.options.onSubmit) { + this.options.onSubmit(''); + } + }, - if (this.options.onQuery) { - this.options.onQuery(value); - } - }, + onQuery: function () { + var value = this.container.firstChild.value; + if (value.length < 3) return; - clear: function() { - this.container.firstChild.value = ''; + if (this.options.onQuery) { + this.options.onQuery(value); } + }, + + clear: function () { + this.container.firstChild.value = ''; } +} - var ToggleSwitch = function() { this.initialize.apply(this, arguments) }; - ToggleSwitch.prototype = { +var ToggleSwitch = function () { this.initialize.apply(this, arguments) }; +ToggleSwitch.prototype = { - initialize: function(options) { - this.parent = options.parent; - this.options = { - inactive: options.inactive || '', - active: options.active || '', - onChange: options.onChange || null - } + initialize: function (options) { + this.parent = options.parent; + this.options = { + inactive: options.inactive || '', + active: options.active || '', + onChange: options.onChange || null + } - this.active = false; + this.active = false; - this.container = document.createElement('div'); - this.container.className = 'toggle'; - this.parent.appendChild(this.container); + this.container = document.createElement('div'); + this.container.className = 'toggle'; + this.parent.appendChild(this.container); - this.container.innerHTML = - "
    " + - "
    " + this.options.inactive + "
    " + - "
    " + this.options.active + "
    "; + this.container.innerHTML = + "
    " + + "
    " + this.options.inactive + "
    " + + "
    " + this.options.active + "
    "; - this.container.addEventListener("click", this.onToggle.bind(this), true); - }, + this.container.addEventListener("click", this.onToggle.bind(this), true); + }, - onToggle: function() { - this.active = ! this.active; + onToggle: function () { + this.active = !this.active; - if (this.active) { - this.container.className += ' selected'; - } else { - this.container.className = this.container.className.replace(' selected', ''); - } + if (this.active) { + this.container.className += ' selected'; + } else { + this.container.className = this.container.className.replace(' selected', ''); + } - if (this.options.onChange) { - this.options.onChange(this.active); - } - }, + if (this.options.onChange) { + this.options.onChange(this.active); + } + }, - activate: function() { - if (!this.active) { - this.active = true; - this.container.className += ' selected'; - } - }, + activate: function () { + if (!this.active) { + this.active = true; + this.container.className += ' selected'; + } + }, - deactivate: function() { - if (this.active) { - this.active = false; - this.container.className = this.container.className.replace(' selected', ''); - } + deactivate: function () { + if (this.active) { + this.active = false; + this.container.className = this.container.className.replace(' selected', ''); } } +} + + +var FeatureTable = function () { this.initialize.apply(this, arguments) }; +FeatureTable.prototype = { + + initialize: function (options) { + this.parent = options.parent; + this.tests = options.tests; + this.options = { + title: options.title || '', + browsers: options.browsers || [], + columns: options.columns || 2, + distribute: options.distribute || false, + header: options.header || false, + links: options.links || false, + grading: options.grading || false, + features: options.features || false, + explainations: options.explainations || false, + filter: null, + + onChange: options.onChange || false + } + this.panel = null; - var FeatureTable = function() { this.initialize.apply(this, arguments) }; - FeatureTable.prototype = { - - initialize: function(options) { - this.parent = options.parent; - this.tests = options.tests; - this.options = { - title: options.title || '', - browsers: options.browsers || [], - columns: options.columns || 2, - distribute: options.distribute || false, - header: options.header || false, - links: options.links || false, - grading: options.grading || false, - features: options.features || false, - explainations: options.explainations || false, - filter: null, - - onChange: options.onChange || false - } - - this.panel = null; - - this.diff = []; - - this.data = []; - for (var i = 0; i < this.options.columns; i++) { - this.data[i] = null; - } + this.diff = []; - this.createCategories(this.parent, this.tests) - this.results = document.createElement('div'); - this.parent.appendChild(this.results); + this.data = []; + for (var i = 0; i < this.options.columns; i++) { + this.data[i] = null; + } - this.filter(options.filter || ''); - }, + this.createCategories(this.parent, this.tests) + this.results = document.createElement('div'); + this.parent.appendChild(this.results); - filter: function(filter, force) { - var that = this; + this.filter(options.filter || ''); + }, - if (!force && this.options.filter == filter) { - return; - } + filter: function (filter, force) { + var that = this; - this.options.filter = filter; + if (!force && this.options.filter == filter) { + return; + } - if (filter == '') { - this.results.innerHTML = ''; - for (var i = 0; i < this.tests.length; i++) { - this.createSections(this.results, this.tests[i].items); - } + this.options.filter = filter; - this.update(); - return; + if (filter == '') { + this.results.innerHTML = ''; + for (var i = 0; i < this.tests.length; i++) { + this.createSections(this.results, this.tests[i].items); } - var result = []; - var status = []; - var name = []; - - function retrieveItems(items, level) { - for (var i = 0; i < items.length; i++) { - if (typeof items[i] == 'object') { - name[level] = items[i].name; - status[level] = items[i].status || null; - - if (!filterItem(items[i], level)) { - if (items[i].items) { - retrieveItems(items[i].items, level + 1); - } - } - } - } - } + this.update(); + return; + } - function addItems(items, level) { - for (var i = 0; i < items.length; i++) { - if (typeof items[i] == 'object') { - name[level] = items[i].name; - status[level] = items[i].status || null; - - if (level > 1) { - var s = ""; - for (var l = level; l >= 0; l--) { - if (status[l]) { - s = status[l]; - break; - } - } + var result = []; + var status = []; + var name = []; - var r = { - key: items[i].key, - name: items[i].name, - status: s - } - if (items[i].value) r.value = items[i].value; - if (items[i].url) r.url = items[i].url; - if (items[i].urls) r.urls = items[i].urls; - if (items[i].items) r.items = items[i].items; + function retrieveItems(items, level) { + for (var i = 0; i < items.length; i++) { + if (typeof items[i] == 'object') { + name[level] = items[i].name; + status[level] = items[i].status || null; - result.push(r); - } - else if (items[i].items) { - addItems(items[i].items, level + 1); + if (!filterItem(items[i], level)) { + if (items[i].items) { + retrieveItems(items[i].items, level + 1); } } } - - return true; } + } - function filterItem(item, level) { - name[level] = item.name; - status[level] = item.status || null; - - var selected = true; - if (filter == ':diff') - selected = level > 1 ? that.diff[item.key] : false; - else - selected = item.name.toLowerCase().indexOf(filter) != -1; - + function addItems(items, level) { + for (var i = 0; i < items.length; i++) { + if (typeof items[i] == 'object') { + name[level] = items[i].name; + status[level] = items[i].status || null; - if (selected) { if (level > 1) { var s = ""; for (var l = level; l >= 0; l--) { @@ -261,110 +219,151 @@ } var r = { - key: item.key, - name: name.slice(2, level + 1).join(' ▸ '), - status: s + key: items[i].key, + name: items[i].name, + status: s } - if (item.value) r.value = item.value; - if (item.url) r.url = item.url; - if (item.urls) r.urls = item.urls; - if (item.items) r.items = item.items; + if (items[i].value) r.value = items[i].value; + if (items[i].url) r.url = items[i].url; + if (items[i].urls) r.urls = items[i].urls; + if (items[i].items) r.items = items[i].items; - return result.push(r); + result.push(r); } - else if (item.items) { - return addItems(item.items, level + 1); + else if (items[i].items) { + addItems(items[i].items, level + 1); } } } + return true; + } + + function filterItem(item, level) { + name[level] = item.name; + status[level] = item.status || null; - retrieveItems(this.tests, 0); + var selected = true; + if (filter == ':diff') + selected = level > 1 ? that.diff[item.key] : false; + else + selected = item.name.toLowerCase().indexOf(filter) != -1; - this.results.innerHTML = ''; - this.createSections(this.results, [{ name: filter == ':diff' ? 'Difference' : filter, items: result }]); - this.update(); - }, + if (selected) { + if (level > 1) { + var s = ""; + for (var l = level; l >= 0; l--) { + if (status[l]) { + s = status[l]; + break; + } + } - loadColumn: function(column, browser) { - var id = browser; + var r = { + key: item.key, + name: name.slice(2, level + 1).join(' ▸ '), + status: s + } + if (item.value) r.value = item.value; + if (item.url) r.url = item.url; + if (item.urls) r.urls = item.urls; + if (item.items) r.items = item.items; - if (typeof browser == 'object') { - id = browser.platform + (browser.version ? '-' + browser.version : ''); + return result.push(r); + } + else if (item.items) { + return addItems(item.items, level + 1); + } } + } - var that = this; - var httpRequest; - if (window.XMLHttpRequest) { - httpRequest = new XMLHttpRequest(); - } else if (window.ActiveXObject) { - httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); - } + retrieveItems(this.tests, 0); - httpRequest.open('POST','/api/loadBrowser', true); - httpRequest.onreadystatechange = process; - httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - httpRequest.send('id=' + encodeURIComponent(id)); + this.results.innerHTML = ''; + this.createSections(this.results, [{ name: filter == ':diff' ? 'Difference' : filter, items: result }]); - function process() { - if (httpRequest.readyState == 4 && httpRequest.responseText != '') { - var data = JSON.parse(httpRequest.responseText); + this.update(); + }, - var f = that.options.filter; - that.filter(''); - that.updateColumn(column, data); - that.filter(f); - } - } - }, + loadColumn: function (column, browser) { + var id = browser; - calculateColumn: function(column) { - var that = this; + if (typeof browser == 'object') { + id = browser.platform + (browser.version ? '-' + browser.version : ''); + } - new Test(process); + var that = this; - function process(r) { - var c = new Calculate(r, tests); + var httpRequest; + if (window.XMLHttpRequest) { + httpRequest = new XMLHttpRequest(); + } else if (window.ActiveXObject) { + httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); + } - that.updateColumn(column, { - id: 'mybrowser', - nickname: 'My browser', - score: c.score, - points: c.points, - results: r.results - }) + httpRequest.open('POST', API_BASE + '/loadBrowser', true); + httpRequest.onreadystatechange = process; + httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + httpRequest.send('id=' + encodeURIComponent(id)); + + function process() { + if (httpRequest.readyState == 4 && httpRequest.responseText != '') { + var data = JSON.parse(httpRequest.responseText); + var f = that.options.filter; + that.filter(''); + that.updateColumn(column, data); + that.filter(f); } - }, - - clearColumn: function(column) { - this.data[column] = null; - this.diff = []; - - if (this.options.onChange) { - var ids = []; - for (var i = 0; i < this.options.columns; i++) { - if (this.data[i]) { - if (this.data[i].id) - ids.push(this.data[i].id); - else if (this.data[i].version) - ids.push(this.data[i].platform + '-' + this.data[i].version); - else - ids.push(this.data[i].platform); - } - } + } + }, + + calculateColumn: function (column) { + var that = this; + + new Test(process); + + function process(r) { + var c = new Calculate(r, tests); + + that.updateColumn(column, { + id: 'mybrowser', + nickname: 'My browser', + score: c.score, + points: c.points, + results: r.results + }) + } + }, + + clearColumn: function (column) { + this.data[column] = null; + this.diff = []; - this.options.onChange(ids); + if (this.options.onChange) { + var ids = []; + for (var i = 0; i < this.options.columns; i++) { + if (this.data[i]) { + if (this.data[i].id) + ids.push(this.data[i].id); + else if (this.data[i].version) + ids.push(this.data[i].platform + '-' + this.data[i].version); + else + ids.push(this.data[i].platform); + } } - var row = document.getElementById('row-header'); - var cell = row.childNodes[column + 1]; - cell.className = 'empty'; - cell.firstChild.firstChild.innerHTML = ''; - cell.firstChild.childNodes[1].selectedIndex = 0; + this.options.onChange(ids); + } + + var row = document.getElementById('row-header'); + var cell = row.childNodes[column + 1]; + cell.className = 'empty'; + cell.firstChild.firstChild.innerHTML = ''; + cell.firstChild.childNodes[1].selectedIndex = 0; - for (var c = 0; c < this.tests.length; c++) + for (var c = 0; c < this.tests.length; c++) for (var i = 0; i < this.tests[c].items.length; i++) { var test = this.tests[c].items[i]; @@ -381,88 +380,88 @@ } } - this.filter(this.options.filter, true); - }, + this.filter(this.options.filter, true); + }, - clearItems: function(column, id, tests) { - for (var i = 0; i < tests.length; i++) { - if (typeof tests[i] != 'string') { - var key = tests[i].key; + clearItems: function (column, id, tests) { + for (var i = 0; i < tests.length; i++) { + if (typeof tests[i] != 'string') { + var key = tests[i].key; - var row = document.getElementById('row-' + key); - if (row) { - var cell = row.childNodes[column + 1]; - cell.innerHTML = ''; - cell.className = ''; - } + var row = document.getElementById('row-' + key); + if (row) { + var cell = row.childNodes[column + 1]; + cell.innerHTML = ''; + cell.className = ''; + } - if (typeof tests[i].items != 'undefined') { - this.clearItems(column, key, tests[i].items); - } + if (typeof tests[i].items != 'undefined') { + this.clearItems(column, key, tests[i].items); + } - var base = null; - var diff = false; + var base = null; + var diff = false; - for (var c = 0; c < this.options.columns; c++) { - if (this.data[c]) { - if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(this.data[c].results)) { - var result = parseInt(match[1], 10); + for (var c = 0; c < this.options.columns; c++) { + if (this.data[c]) { + if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(this.data[c].results)) { + var result = parseInt(match[1], 10); - if (base === null) { - base = result; - } - else { - if (result != base) { - diff = true; - break; - } + if (base === null) { + base = result; + } + else { + if (result != base) { + diff = true; + break; } } } } - - this.diff[key] = diff; } + + this.diff[key] = diff; } - }, + } + }, - update: function() { - for (var i = 0; i < this.options.columns; i++) { - if (this.data[i]) { - this.updateColumn(i, this.data[i]); - } + update: function () { + for (var i = 0; i < this.options.columns; i++) { + if (this.data[i]) { + this.updateColumn(i, this.data[i]); } - }, + } + }, - updateColumn: function(column, data) { - this.data[column] = data; - this.diff = []; + updateColumn: function (column, data) { + this.data[column] = data; + this.diff = []; - if (this.options.onChange) { - var ids = []; + if (this.options.onChange) { + var ids = []; - for (var i = 0; i < this.options.columns; i++) { - if (this.data[i]) { - if (this.data[i].id) - ids.push(this.data[i].id); - else if (this.data[i].version) - ids.push(this.data[i].platform + '-' + this.data[i].version); - else - ids.push(this.data[i].platform); - } + for (var i = 0; i < this.options.columns; i++) { + if (this.data[i]) { + if (this.data[i].id) + ids.push(this.data[i].id); + else if (this.data[i].version) + ids.push(this.data[i].platform + '-' + this.data[i].version); + else + ids.push(this.data[i].platform); } - - this.options.onChange(ids); } - var row = document.getElementById('row-header'); - var cell = row.childNodes[column + 1]; - cell.className = ''; - cell.firstChild.firstChild.innerHTML = '' + data.nickname + '' + data.score + ''; + this.options.onChange(ids); + } + + var row = document.getElementById('row-header'); + var cell = row.childNodes[column + 1]; + cell.className = ''; + cell.firstChild.firstChild.innerHTML = '' + data.nickname + '' + data.score + ''; - for (var c = 0; c < this.tests.length; c++) + for (var c = 0; c < this.tests.length; c++) for (var i = 0; i < this.tests[c].items.length; i++) { var test = this.tests[c].items[i]; @@ -486,11 +485,11 @@ var grade = ''; var percent = parseInt(points / maximum * 100, 10); switch (true) { - case percent == 0: grade = 'none'; break; + case percent == 0: grade = 'none'; break; case percent <= 30: grade = 'badly'; break; case percent <= 60: grade = 'reasonable'; break; case percent <= 95: grade = 'good'; break; - default: grade = 'great'; break; + default: grade = 'great'; break; } if (points == maximum) @@ -509,982 +508,978 @@ } } } - }, + }, - updateItems: function(column, data, tests) { - var count = [ 0, 0 ]; + updateItems: function (column, data, tests) { + var count = [0, 0]; - for (var i = 0; i < tests.length; i++) { - if (typeof tests[i] != 'string') { - var key = tests[i].key; + for (var i = 0; i < tests.length; i++) { + if (typeof tests[i] != 'string') { + var key = tests[i].key; - var row = document.getElementById('row-' + key); - if (row) { - var cell = row.childNodes[column + 1]; - var classes = [ 'used' ]; + var row = document.getElementById('row-' + key); + if (row) { + var cell = row.childNodes[column + 1]; + var classes = ['used']; - if (typeof tests[i].items != 'undefined') { - var results = this.updateItems(column, data, tests[i].items); - - if (results[0] == results[1]) { - cell.innerHTML = '
    ' + 'Yes' + ' ✔
    '; - classes.push('yes'); - } else if (results[1] == 0) { - cell.innerHTML = '
    ' + 'No' + ' ✘
    '; - classes.push('no'); - } else { - cell.innerHTML = '
    ' + 'Partial' + ' ○
    '; - } + if (typeof tests[i].items != 'undefined') { + var results = this.updateItems(column, data, tests[i].items); + + if (results[0] == results[1]) { + cell.innerHTML = '
    ' + 'Yes' + ' ✔
    '; + classes.push('yes'); + } else if (results[1] == 0) { + cell.innerHTML = '
    ' + 'No' + ' ✘
    '; + classes.push('no'); + } else { + cell.innerHTML = '
    ' + 'Partial' + ' ○
    '; } + } - else { - if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(data.results)) { - var result = parseInt(match[1], 10); + else { + if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(data.results)) { + var result = parseInt(match[1], 10); - if (result & YES) { - switch(true) { - case !! (result & BUGGY): cell.innerHTML = '
    Buggy
    '; break; - case !! (result & OLD): cell.innerHTML = '
    Partial ○
    '; count[1]++; break; - case !! (result & PREFIX): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); count[1]++; break; - case !! (result & EXPERIMENTAL): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); count[1]++; break; - default: cell.innerHTML = '
    Yes ✔
    '; classes.push('yes'); count[1]++; break; - } + if (result & YES) { + switch (true) { + case !!(result & BUGGY): cell.innerHTML = '
    Buggy
    '; break; + case !!(result & OLD): cell.innerHTML = '
    Partial ○
    '; count[1]++; break; + case !!(result & PREFIX): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); count[1]++; break; + case !!(result & EXPERIMENTAL): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); count[1]++; break; + default: cell.innerHTML = '
    Yes ✔
    '; classes.push('yes'); count[1]++; break; } - else { - switch(true) { - case !! (result & UNKNOWN): cell.innerHTML = '
    Unknown ?
    '; break; - case !! (result & BLOCKED): cell.innerHTML = '
    Broken !
    '; classes.push('no'); break; - case !! (result & DISABLED): cell.innerHTML = '
    Disabled ✘
    '; classes.push('no'); break; - default: cell.innerHTML = '
    No ✘
    '; classes.push('no'); break; - } + } + else { + switch (true) { + case !!(result & UNKNOWN): cell.innerHTML = '
    Unknown ?
    '; break; + case !!(result & BLOCKED): cell.innerHTML = '
    Broken !
    '; classes.push('no'); break; + case !!(result & DISABLED): cell.innerHTML = '
    Disabled ✘
    '; classes.push('no'); break; + default: cell.innerHTML = '
    No ✘
    '; classes.push('no'); break; } - } else { - cell.innerHTML = '
    Unknown ?
    '; } + } else { + cell.innerHTML = '
    Unknown ?
    '; } + } - cell.className = classes.join(' '); + cell.className = classes.join(' '); - var base = null; - var diff = false; + var base = null; + var diff = false; - for (var c = 0; c < this.options.columns; c++) { - if (this.data[c]) { - if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(this.data[c].results)) { - var result = parseInt(match[1], 10); + for (var c = 0; c < this.options.columns; c++) { + if (this.data[c]) { + if (match = (new RegExp(key + '=(-?[0-9]+)')).exec(this.data[c].results)) { + var result = parseInt(match[1], 10); - if (base === null) { - base = result; - } - else { - if (result != base) { - diff = true; - break; - } + if (base === null) { + base = result; + } + else { + if (result != base) { + diff = true; + break; } } } } - - this.diff[key] = diff; - } else { - if (typeof tests[i].items != 'undefined') { - var results = this.updateItems(column, data, tests[i].items); - } } - count[0]++; + this.diff[key] = diff; + } else { + if (typeof tests[i].items != 'undefined') { + var results = this.updateItems(column, data, tests[i].items); + } } + + count[0]++; } + } - return count; - }, + return count; + }, - askForUniqueId: function(c) { - var id = prompt('Enter the unique id of the results you want to see') - if (id) { - this.loadColumn(c, 'custom:' + id); - } - }, + askForUniqueId: function (c) { + var id = prompt('Enter the unique id of the results you want to see') + if (id) { + this.loadColumn(c, 'custom:' + id); + } + }, - createCategories: function(parent, tests) { - var table = document.createElement('table'); - table.id = 'table-header'; - parent.appendChild(table); + createCategories: function (parent, tests) { + var table = document.createElement('table'); + table.id = 'table-header'; + parent.appendChild(table); - var tbody = document.createElement('tbody'); - table.appendChild(tbody); + var tbody = document.createElement('tbody'); + table.appendChild(tbody); - var tr = document.createElement('tr'); - tr.id = 'row-header'; - tbody.appendChild(tr); + var tr = document.createElement('tr'); + tr.id = 'row-header'; + tbody.appendChild(tr); - var th = document.createElement('th'); - th.innerHTML = this.options.title; - tr.appendChild(th); + var th = document.createElement('th'); + th.innerHTML = this.options.title; + tr.appendChild(th); - for (var c = 0; c < this.options.columns; c++) { - var that = this; + for (var c = 0; c < this.options.columns; c++) { + var that = this; - var td = document.createElement('td'); - td.className = 'empty'; - tr.appendChild(td); + var td = document.createElement('td'); + td.className = 'empty'; + tr.appendChild(td); - var wrapper = document.createElement('div'); - td.appendChild(wrapper); + var wrapper = document.createElement('div'); + td.appendChild(wrapper); - var div = document.createElement('div'); - div.className = 'name'; - wrapper.appendChild(div); + var div = document.createElement('div'); + div.className = 'name'; + wrapper.appendChild(div); - var menu = document.createElement('div'); - menu.className = 'popup popupPanel pointsRight hasSearch'; - wrapper.appendChild(menu); + var menu = document.createElement('div'); + menu.className = 'popup popupPanel pointsRight hasSearch'; + wrapper.appendChild(menu); - var header = document.createElement('div'); - header.className = 'toolbar'; - menu.appendChild(header); + var header = document.createElement('div'); + header.className = 'toolbar'; + menu.appendChild(header); - var scroll = document.createElement('div'); - scroll.className = 'scroll'; - menu.appendChild(scroll); + var scroll = document.createElement('div'); + scroll.className = 'scroll'; + menu.appendChild(scroll); - var list = document.createElement('ul'); - scroll.appendChild(list); + var list = document.createElement('ul'); + scroll.appendChild(list); - (function(c, menu, list, header) { - var search = new SearchField({ - parent: header, - onQuery: function(query) { - build(list, that.options.browsers, query != "", query); - } - }); + (function (c, menu, list, header) { + var search = new SearchField({ + parent: header, + onQuery: function (query) { + build(list, that.options.browsers, query != "", query); + } + }); - document.body.addEventListener('click', function(e) { - menu.className = menu.className.replace(' visible', ''); - }, false); + document.body.addEventListener('click', function (e) { + menu.className = menu.className.replace(' visible', ''); + }, false); - div.addEventListener('click', function(e) { - if (that.data[c] == null) { - if (e.altKey) { - that.askForUniqueId(c); - } - else - menu.className += ' visible'; + div.addEventListener('click', function (e) { + if (that.data[c] == null) { + if (e.altKey) { + that.askForUniqueId(c); } else - that.clearColumn(c); + menu.className += ' visible'; + } + else + that.clearColumn(c); - e.stopPropagation(); - }, true); + e.stopPropagation(); + }, true); - list.addEventListener('click', function(e) { - var close = true; + list.addEventListener('click', function (e) { + var close = true; - if (e.target) { - var target = e.target; + if (e.target) { + var target = e.target; - while (target.tagName != 'LI' && target.parentNode) { - target = target.parentNode; - } + while (target.tagName != 'LI' && target.parentNode) { + target = target.parentNode; + } - if (target.hasAttribute('data-action')) { - var action = target.getAttribute('data-action'); + if (target.hasAttribute('data-action')) { + var action = target.getAttribute('data-action'); - if (action == 'more') { - build(list, that.options.browsers, true); - close = false; - } + if (action == 'more') { + build(list, that.options.browsers, true); + close = false; + } - if (action == 'less') { - build(list, that.options.browsers, false); - close = false; - } + if (action == 'less') { + build(list, that.options.browsers, false); + close = false; + } - if (action == 'calculate') { - that.calculateColumn(c); - } + if (action == 'calculate') { + that.calculateColumn(c); + } - if (action == 'custom') { - window.setTimeout(function() { - that.askForUniqueId(c); - }, 0); - } + if (action == 'custom') { + window.setTimeout(function () { + that.askForUniqueId(c); + }, 0); + } - if (action == 'load') { - var id = target.getAttribute('data-id'); - that.loadColumn(c, that.options.browsers[id]); - } + if (action == 'load') { + var id = target.getAttribute('data-id'); + that.loadColumn(c, that.options.browsers[id]); } } + } - if (close) { - menu.className = menu.className.replace(' visible', ''); - } + if (close) { + menu.className = menu.className.replace(' visible', ''); + } - e.stopPropagation(); - }, true); - })(c, menu, list, header); + e.stopPropagation(); + }, true); + })(c, menu, list, header); - build(list, this.options.browsers, false); + build(list, this.options.browsers, false); - function build(list, browsers, all, filter) { - list.innerHTML = ''; + function build(list, browsers, all, filter) { + list.innerHTML = ''; - if (!filter) { - var item = document.createElement('li'); - item.setAttribute('data-action', 'calculate'); - item.innerHTML = 'My browser'; - list.appendChild(item); + if (!filter) { + var item = document.createElement('li'); + item.setAttribute('data-action', 'calculate'); + item.innerHTML = 'My browser'; + list.appendChild(item); - var item = document.createElement('li'); - item.setAttribute('data-action', 'custom'); - item.innerHTML = 'Enter unique id...'; - list.appendChild(item); - } + var item = document.createElement('li'); + item.setAttribute('data-action', 'custom'); + item.innerHTML = 'Enter unique id...'; + list.appendChild(item); + } - var type = null; - - for (var i = 0; i < browsers.length; i++) { - if (!filter || browsers[i].nickname.toLowerCase().indexOf(filter.toLowerCase()) != -1) { - if (all || browsers[i].visible) { - if (type != browsers[i].type) { - var item = document.createElement('li'); - item.className = 'indent-0 title'; - list.appendChild(item); - - switch(browsers[i].type) { - case 'desktop': item.innerHTML = 'Desktop browsers'; break; - case 'gaming': item.innerHTML = 'Gaming'; break; - case 'mobile': item.innerHTML = 'Mobiles'; break; - case 'tablet': item.innerHTML = 'Tablets'; break; - case 'television': item.innerHTML = 'Television'; break; - } - } + var type = null; + for (var i = 0; i < browsers.length; i++) { + if (!filter || browsers[i].nickname.toLowerCase().indexOf(filter.toLowerCase()) != -1) { + if (all || browsers[i].visible) { + if (type != browsers[i].type) { var item = document.createElement('li'); - item.setAttribute('data-action', 'load'); - item.setAttribute('data-id', i); - item.innerHTML = browsers[i].nickname + (browsers[i].details ? ' (' + browsers[i].details + ')' : ''); + item.className = 'indent-0 title'; list.appendChild(item); - type = browsers[i].type; + switch (browsers[i].type) { + case 'desktop': item.innerHTML = 'Desktop browsers'; break; + case 'gaming': item.innerHTML = 'Gaming'; break; + case 'mobile': item.innerHTML = 'Mobiles'; break; + case 'tablet': item.innerHTML = 'Tablets'; break; + case 'television': item.innerHTML = 'Television'; break; + } } - } - } - if (!filter) { - if (!all) { var item = document.createElement('li'); - item.className = 'more'; - item.setAttribute('data-action', 'more'); - item.innerHTML = 'Show more'; - list.appendChild(item); - } else { - var item = document.createElement('li'); - item.className = 'less'; - item.setAttribute('data-action', 'less'); - item.innerHTML = 'Show less'; + item.setAttribute('data-action', 'load'); + item.setAttribute('data-id', i); + item.innerHTML = browsers[i].nickname + (browsers[i].details ? ' (' + browsers[i].details + ')' : ''); list.appendChild(item); + + type = browsers[i].type; } } } + + if (!filter) { + if (!all) { + var item = document.createElement('li'); + item.className = 'more'; + item.setAttribute('data-action', 'more'); + item.innerHTML = 'Show more'; + list.appendChild(item); + } else { + var item = document.createElement('li'); + item.className = 'less'; + item.setAttribute('data-action', 'less'); + item.innerHTML = 'Show less'; + list.appendChild(item); + } + } } - }, - - createSections: function(parent, tests) { - for (var i = 0; i < tests.length; i++) { - if (typeof tests[i] == 'string') { - var h2 = document.createElement('h2'); - h2.innerHTML = tests[i]; - parent.appendChild(h2); - } else { - var table = document.createElement('table'); - if (tests[i].id) table.id = 'table-' + tests[i].id; - parent.appendChild(table); + } + }, + + createSections: function (parent, tests) { + for (var i = 0; i < tests.length; i++) { + if (typeof tests[i] == 'string') { + var h2 = document.createElement('h2'); + h2.innerHTML = tests[i]; + parent.appendChild(h2); + } else { + var table = document.createElement('table'); + if (tests[i].id) table.id = 'table-' + tests[i].id; + parent.appendChild(table); - var thead = document.createElement('thead'); - table.appendChild(thead); + var thead = document.createElement('thead'); + table.appendChild(thead); - var tr = document.createElement('tr'); - if (tests[i].id) tr.id = 'head-' + tests[i].id; - thead.appendChild(tr); + var tr = document.createElement('tr'); + if (tests[i].id) tr.id = 'head-' + tests[i].id; + thead.appendChild(tr); - var th = document.createElement('th'); - if (tests[i].name) th.innerHTML = tests[i].name; - tr.appendChild(th); + var th = document.createElement('th'); + if (tests[i].name) th.innerHTML = tests[i].name; + tr.appendChild(th); - for (var c = 0; c < this.options.columns; c++) { - var td = document.createElement('td'); - tr.appendChild(td); - } + for (var c = 0; c < this.options.columns; c++) { + var td = document.createElement('td'); + tr.appendChild(td); + } - if (typeof tests[i].items != 'undefined') { - var tbody = document.createElement('tbody'); - table.appendChild(tbody); + if (typeof tests[i].items != 'undefined') { + var tbody = document.createElement('tbody'); + table.appendChild(tbody); - var status = typeof tests[i].status != 'undefined' ? tests[i].status : ''; + var status = typeof tests[i].status != 'undefined' ? tests[i].status : ''; - this.createItems(tbody, 0, tests[i].items, { - id: tests[i].id, - status: status, - urls: [] - }); - } + this.createItems(tbody, 0, tests[i].items, { + id: tests[i].id, + status: status, + urls: [] + }); } } - }, - - createItems: function(parent, level, tests, data) { - var ids = []; - - for (var i = 0; i < tests.length; i++) { - var tr = document.createElement('tr'); - parent.appendChild(tr); + } + }, - if (typeof tests[i] == 'string') { - if (this.options.explainations || tests[i].substr(0, 4) != '') { - var th = document.createElement('th'); - th.colSpan = this.options.columns + 1; - th.className = 'details'; - tr.appendChild(th); + createItems: function (parent, level, tests, data) { + var ids = []; - th.innerHTML = tests[i]; - } - } else { - var key = tests[i].key; + for (var i = 0; i < tests.length; i++) { + var tr = document.createElement('tr'); + parent.appendChild(tr); + if (typeof tests[i] == 'string') { + if (this.options.explainations || tests[i].substr(0, 4) != '') { var th = document.createElement('th'); - th.innerHTML = "
    " + tests[i].name + "
    "; + th.colSpan = this.options.columns + 1; + th.className = 'details'; tr.appendChild(th); - for (var c = 0; c < this.options.columns; c++) { - var td = document.createElement('td'); - tr.appendChild(td); - } - - tr.id = 'row-' + key; - - if (level > 0) { - tr.className = 'isChild'; - } - - if (typeof tests[i].items != 'undefined') { - var urls = null; - - if (this.options.links) { - if (typeof tests[i].urls != 'undefined') { - urls = tests[i].urls; - } - else if (typeof tests[i].url != 'undefined') { - urls = { 'w3c': tests[i].url }; - } - } + th.innerHTML = tests[i]; + } + } else { + var key = tests[i].key; - tr.className += 'hasChild'; + var th = document.createElement('th'); + th.innerHTML = "
    " + tests[i].name + "
    "; + tr.appendChild(th); - var children = this.createItems(parent, level + 1, tests[i].items, { - id: key, - status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, - urls: urls - }); + for (var c = 0; c < this.options.columns; c++) { + var td = document.createElement('td'); + tr.appendChild(td); + } - this.hideChildren(tr, children); + tr.id = 'row-' + key; - (function(that, tr, th, children) { - th.onclick = function() { - that.toggleChildren(tr, children); - }; - })(this, tr, th, children); - } else { - var urls; - var value = 0; + if (level > 0) { + tr.className = 'isChild'; + } - if (typeof tests[i].value != 'undefined') { - value = tests[i].value; - } + if (typeof tests[i].items != 'undefined') { + var urls = null; + if (this.options.links) { if (typeof tests[i].urls != 'undefined') { urls = tests[i].urls; } else if (typeof tests[i].url != 'undefined') { - urls = [ [ 'w3c', tests[i].url ] ]; + urls = { 'w3c': tests[i].url }; } + } + + tr.className += 'hasChild'; + + var children = this.createItems(parent, level + 1, tests[i].items, { + id: key, + status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, + urls: urls + }); + + this.hideChildren(tr, children); - th.className = 'hasLink'; - - (function(th, data){ - th.onclick = function() { - new FeaturePopup(th, data); - }; - })(th, { - id: key, - name: tests[i].name, - value: value, - status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, - urls: (urls || []).concat(data.urls || []) - }); + (function (that, tr, th, children) { + th.onclick = function () { + that.toggleChildren(tr, children); + }; + })(this, tr, th, children); + } else { + var urls; + var value = 0; + + if (typeof tests[i].value != 'undefined') { + value = tests[i].value; } - ids.push(tr.id); + if (typeof tests[i].urls != 'undefined') { + urls = tests[i].urls; + } + else if (typeof tests[i].url != 'undefined') { + urls = [['w3c', tests[i].url]]; + } + + th.className = 'hasLink'; + + (function (th, data) { + th.onclick = function () { + new FeaturePopup(th, data); + }; + })(th, { + id: key, + name: tests[i].name, + value: value, + status: typeof tests[i].status != 'undefined' ? tests[i].status : data.status, + urls: (urls || []).concat(data.urls || []) + }); } + + ids.push(tr.id); } + } - return ids; - }, + return ids; + }, - toggleChildren: function(element, ids) { - if (element.className.indexOf(' hidden') == -1) { - this.hideChildren(element, ids); - } else { - this.showChildren(element, ids); - } - }, + toggleChildren: function (element, ids) { + if (element.className.indexOf(' hidden') == -1) { + this.hideChildren(element, ids); + } else { + this.showChildren(element, ids); + } + }, - showChildren: function(element, ids) { - element.className = element.className.replace(' hidden', ''); + showChildren: function (element, ids) { + element.className = element.className.replace(' hidden', ''); - for (var i = 0; i < ids.length; i++) { - var e = document.getElementById(ids[i]); - e.style.display = ''; - } - }, + for (var i = 0; i < ids.length; i++) { + var e = document.getElementById(ids[i]); + e.style.display = ''; + } + }, - hideChildren: function(element, ids) { - element.className = element.className.replace(' hidden', ''); - element.className += ' hidden'; + hideChildren: function (element, ids) { + element.className = element.className.replace(' hidden', ''); + element.className += ' hidden'; - for (var i = 0; i < ids.length; i++) { - var e = document.getElementById(ids[i]); - e.style.display = 'none'; - } + for (var i = 0; i < ids.length; i++) { + var e = document.getElementById(ids[i]); + e.style.display = 'none'; } } +} - var BrowserTable = function() { this.initialize.apply(this, arguments) }; - BrowserTable.prototype = { +var BrowserTable = function () { this.initialize.apply(this, arguments) }; +BrowserTable.prototype = { - initialize: function(options) { - this.parent = options.parent; - this.browsers = options.browsers; - this.options = { - title: options.title || '', - tests: options.tests || [], - columns: options.columns || 2, - header: options.header || false, - links: options.links || false, - grading: options.grading || false, - explainations: options.explainations || false, - filter: '', - - onChange: options.onChange || false - } + initialize: function (options) { + this.parent = options.parent; + this.browsers = options.browsers; + this.options = { + title: options.title || '', + tests: options.tests || [], + columns: options.columns || 2, + header: options.header || false, + links: options.links || false, + grading: options.grading || false, + explainations: options.explainations || false, + filter: '', - this.data = []; - for (var i = 0; i < this.options.columns; i++) { - this.data[i] = null; - } + onChange: options.onChange || false + } - this.createSections(this.parent); + this.data = []; + for (var i = 0; i < this.options.columns; i++) { + this.data[i] = null; + } - this.filter(options.filter || ''); - }, + this.createSections(this.parent); - filter: function(filter) { - if (this.options.filter != filter) { - this.options.filter = filter; + this.filter(options.filter || ''); + }, - filter = filter.toLowerCase(); + filter: function (filter) { + if (this.options.filter != filter) { + this.options.filter = filter; - for (var i = 0; i < this.browsers.length; i++) { - var row = document.getElementById('row-' + this.browsers[i].uid); - var visible = true; + filter = filter.toLowerCase(); - if (filter != '') { - if (filter == ':mostused') { - visible = this.browsers[i].visible; - } + for (var i = 0; i < this.browsers.length; i++) { + var row = document.getElementById('row-' + this.browsers[i].uid); + var visible = true; - else { - visible = this.browsers[i].nickname.toLowerCase().indexOf(filter) != -1 - } + if (filter != '') { + if (filter == ':mostused') { + visible = this.browsers[i].visible; } - row.style.display = visible ? '' : 'none'; + else { + visible = this.browsers[i].nickname.toLowerCase().indexOf(filter) != -1 + } } + + row.style.display = visible ? '' : 'none'; } - }, - - loadColumn: function(column, key) { - var httpRequest; - if (window.XMLHttpRequest) { - httpRequest = new XMLHttpRequest(); - } else if (window.ActiveXObject) { - httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); - } + } + }, + + loadColumn: function (column, key) { + var httpRequest; + if (window.XMLHttpRequest) { + httpRequest = new XMLHttpRequest(); + } else if (window.ActiveXObject) { + httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); + } - httpRequest.open('POST','/api/loadFeature', true); - httpRequest.onreadystatechange = process; - httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - httpRequest.send('key=' + encodeURIComponent(key)); + httpRequest.open('POST', API_BASE + '/loadFeature', true); + httpRequest.onreadystatechange = process; + httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + httpRequest.send('key=' + encodeURIComponent(key)); - var that = this; + var that = this; - function process() { - if (httpRequest.readyState == 4 && httpRequest.responseText != '') { - var data = JSON.parse(httpRequest.responseText); - that.updateColumn(column, data); - } + function process() { + if (httpRequest.readyState == 4 && httpRequest.responseText != '') { + var data = JSON.parse(httpRequest.responseText); + that.updateColumn(column, data); } - }, + } + }, - clearColumn: function(column) { - this.data[column] = null; + clearColumn: function (column) { + this.data[column] = null; - if (this.options.onChange) { - var ids = []; - for (var i = 0; i < this.options.columns; i++) { - if (this.data[i]) - ids.push(this.data[i].id); - } - - this.options.onChange(ids); + if (this.options.onChange) { + var ids = []; + for (var i = 0; i < this.options.columns; i++) { + if (this.data[i]) + ids.push(this.data[i].id); } - if (this.options.header) { - var row = document.getElementById('row-header'); - var cell = row.childNodes[column + 1]; - cell.className = 'empty'; - cell.firstChild.firstChild.innerHTML = ''; - cell.firstChild.childNodes[1].selectedIndex = 0; - } + this.options.onChange(ids); + } - for (var i = 0; i < this.browsers.length; i++) { - var row = document.getElementById('row-' + this.browsers[i].uid); - var cell = row.childNodes[column + 1]; - cell.className = ''; - cell.innerHTML = ''; - } - }, + if (this.options.header) { + var row = document.getElementById('row-header'); + var cell = row.childNodes[column + 1]; + cell.className = 'empty'; + cell.firstChild.firstChild.innerHTML = ''; + cell.firstChild.childNodes[1].selectedIndex = 0; + } - updateColumn: function(column, data) { - this.data[column] = data; + for (var i = 0; i < this.browsers.length; i++) { + var row = document.getElementById('row-' + this.browsers[i].uid); + var cell = row.childNodes[column + 1]; + cell.className = ''; + cell.innerHTML = ''; + } + }, - if (this.options.onChange) { - var keys = []; - for (var i = 0; i < this.options.columns; i++) { - if (this.data[i]) - keys.push(this.data[i].key); - } + updateColumn: function (column, data) { + this.data[column] = data; - this.options.onChange(keys); + if (this.options.onChange) { + var keys = []; + for (var i = 0; i < this.options.columns; i++) { + if (this.data[i]) + keys.push(this.data[i].key); } - if (this.options.header) { - var row = document.getElementById('row-header'); - var cell = row.childNodes[column + 1]; - cell.className = ''; + this.options.onChange(keys); + } + + if (this.options.header) { + var row = document.getElementById('row-header'); + var cell = row.childNodes[column + 1]; + cell.className = ''; - var item, parent; - if (item = this.getItemByKey(this.options.tests, data.key)) { - if (data.key.split('.').length > 2) { - if (parent = this.getItemByKey(this.options.tests, data.key.split('.').slice(0,-1).join('.'))) { - cell.firstChild.firstChild.innerHTML = '' + parent.name + '
    ' + item.name + '    '; - } else { - cell.firstChild.firstChild.innerHTML = '' + item.name + ''; - } - } - else { + var item, parent; + if (item = this.getItemByKey(this.options.tests, data.key)) { + if (data.key.split('.').length > 2) { + if (parent = this.getItemByKey(this.options.tests, data.key.split('.').slice(0, -1).join('.'))) { + cell.firstChild.firstChild.innerHTML = '' + parent.name + '
    ' + item.name + '    '; + } else { cell.firstChild.firstChild.innerHTML = '' + item.name + ''; } } + else { + cell.firstChild.firstChild.innerHTML = '' + item.name + ''; + } } + } - for (var i = 0; i < this.browsers.length; i++) { - var row = document.getElementById('row-' + this.browsers[i].uid); - var cell = row.childNodes[column + 1]; - var classes = [ 'used' ]; + for (var i = 0; i < this.browsers.length; i++) { + var row = document.getElementById('row-' + this.browsers[i].uid); + var cell = row.childNodes[column + 1]; + var classes = ['used']; - cell.className = 'used'; + cell.className = 'used'; - if (match = (new RegExp(this.browsers[i].platform + '-' + this.browsers[i].version + '=(-?[0-9]+)')).exec(data.supported)) { - var result = parseInt(match[1], 10); + if (match = (new RegExp(this.browsers[i].platform + '-' + this.browsers[i].version + '=(-?[0-9]+)')).exec(data.supported)) { + var result = parseInt(match[1], 10); - if (result & YES) { - switch(true) { - case !! (result & BUGGY): cell.innerHTML = '
    Buggy
    '; break; - case !! (result & OLD): cell.innerHTML = '
    Partial ○
    '; break; - case !! (result & PREFIX): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); break; - case !! (result & EXPERIMENTAL): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); break; - default: cell.innerHTML = '
    Yes ✔
    '; classes.push('yes'); break; - } + if (result & YES) { + switch (true) { + case !!(result & BUGGY): cell.innerHTML = '
    Buggy
    '; break; + case !!(result & OLD): cell.innerHTML = '
    Partial ○
    '; break; + case !!(result & PREFIX): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); break; + case !!(result & EXPERIMENTAL): cell.innerHTML = '
    Prefixed ✔
    '; classes.push('yes'); break; + default: cell.innerHTML = '
    Yes ✔
    '; classes.push('yes'); break; } - else { - switch(true) { - case !! (result & UNKNOWN): cell.innerHTML = '
    Unknown ?
    '; break; - case !! (result & BLOCKED): cell.innerHTML = '
    Broken !
    '; classes.push('no'); break; - case !! (result & DISABLED): cell.innerHTML = '
    Disabled ✘
    '; classes.push('no'); break; - default: cell.innerHTML = '
    No ✘
    '; classes.push('no'); break; - } + } + else { + switch (true) { + case !!(result & UNKNOWN): cell.innerHTML = '
    Unknown ?
    '; break; + case !!(result & BLOCKED): cell.innerHTML = '
    Broken !
    '; classes.push('no'); break; + case !!(result & DISABLED): cell.innerHTML = '
    Disabled ✘
    '; classes.push('no'); break; + default: cell.innerHTML = '
    No ✘
    '; classes.push('no'); break; } } - else - cell.innerHTML = '
    Unknown ?
    '; - - cell.className = classes.join(' '); } - }, - - createSections: function(parent) { - var that = this; - var tests = this.getList(this.options.tests); + else + cell.innerHTML = '
    Unknown ?
    '; - if (this.options.header) { - var table = document.createElement('table'); - table.id = 'table-header'; - parent.appendChild(table); + cell.className = classes.join(' '); + } + }, - var tbody = document.createElement('tbody'); - table.appendChild(tbody); + createSections: function (parent) { + var that = this; + var tests = this.getList(this.options.tests); - var tr = document.createElement('tr'); - tr.id = 'row-header'; - tbody.appendChild(tr); + if (this.options.header) { + var table = document.createElement('table'); + table.id = 'table-header'; + parent.appendChild(table); - var th = document.createElement('th'); - th.innerHTML = this.options.title; - tr.appendChild(th); + var tbody = document.createElement('tbody'); + table.appendChild(tbody); - for (var c = 0; c < this.options.columns; c++) { - var td = document.createElement('td'); - td.className = 'empty'; - tr.appendChild(td); + var tr = document.createElement('tr'); + tr.id = 'row-header'; + tbody.appendChild(tr); - var wrapper = document.createElement('div'); - td.appendChild(wrapper); + var th = document.createElement('th'); + th.innerHTML = this.options.title; + tr.appendChild(th); - var div = document.createElement('div'); - div.className = 'name'; - wrapper.appendChild(div); + for (var c = 0; c < this.options.columns; c++) { + var td = document.createElement('td'); + td.className = 'empty'; + tr.appendChild(td); - var menu = document.createElement('div'); - menu.className = 'popup popupPanel pointsRight hasSearch'; - wrapper.appendChild(menu); + var wrapper = document.createElement('div'); + td.appendChild(wrapper); - var header = document.createElement('div'); - header.className = 'toolbar'; - menu.appendChild(header); + var div = document.createElement('div'); + div.className = 'name'; + wrapper.appendChild(div); - var scroll = document.createElement('div'); - scroll.className = 'scroll'; - menu.appendChild(scroll); + var menu = document.createElement('div'); + menu.className = 'popup popupPanel pointsRight hasSearch'; + wrapper.appendChild(menu); - var list = document.createElement('ul'); - scroll.appendChild(list); + var header = document.createElement('div'); + header.className = 'toolbar'; + menu.appendChild(header); + var scroll = document.createElement('div'); + scroll.className = 'scroll'; + menu.appendChild(scroll); - (function(c, menu, list, header) { - var search = new SearchField({ - parent: header, - onQuery: function(query) { - build(list, tests, query); - } - }); + var list = document.createElement('ul'); + scroll.appendChild(list); - document.body.addEventListener('click', function(e) { - menu.className = menu.className.replace(' visible', ''); - }, false); + (function (c, menu, list, header) { + var search = new SearchField({ + parent: header, + onQuery: function (query) { + build(list, tests, query); + } + }); - div.addEventListener('click', function(e) { - if (that.data[c] == null) - menu.className += ' visible'; - else - that.clearColumn(c); - e.stopPropagation(); - }, true); + document.body.addEventListener('click', function (e) { + menu.className = menu.className.replace(' visible', ''); + }, false); - list.addEventListener('click', function(e) { - var close = true; + div.addEventListener('click', function (e) { + if (that.data[c] == null) + menu.className += ' visible'; + else + that.clearColumn(c); - if (e.target) { - var target = e.target; + e.stopPropagation(); + }, true); - while (target.tagName != 'LI' && target.parentNode) { - target = target.parentNode; - } + list.addEventListener('click', function (e) { + var close = true; - if (target.hasAttribute('data-action')) { - var action = target.getAttribute('data-action'); + if (e.target) { + var target = e.target; - if (action == 'load') { - var key = target.getAttribute('data-key'); - that.loadColumn(c, key); - } - } + while (target.tagName != 'LI' && target.parentNode) { + target = target.parentNode; } - if (close) { - menu.className = menu.className.replace(' visible', ''); + if (target.hasAttribute('data-action')) { + var action = target.getAttribute('data-action'); + + if (action == 'load') { + var key = target.getAttribute('data-key'); + that.loadColumn(c, key); + } } + } - e.stopPropagation(); - }, true); - })(c, menu, list, header); + if (close) { + menu.className = menu.className.replace(' visible', ''); + } + e.stopPropagation(); + }, true); + })(c, menu, list, header); - build(list, tests); + build(list, tests); - function build(list, tests, filter) { - list.innerHTML = ''; - var type = null; + function build(list, tests, filter) { + list.innerHTML = ''; - for (var i = 0; i < tests.length; i++) { - if (!filter || (typeof tests[i].key != 'undefined' && tests[i].name.toLowerCase().indexOf(filter.toLowerCase()) != -1)) { - var item = document.createElement('li'); + var type = null; - if (!filter) item.className = 'indent-' + tests[i].indent; + for (var i = 0; i < tests.length; i++) { + if (!filter || (typeof tests[i].key != 'undefined' && tests[i].name.toLowerCase().indexOf(filter.toLowerCase()) != -1)) { + var item = document.createElement('li'); - if (typeof tests[i].key != 'undefined') { - item.setAttribute('data-action', 'load'); - item.setAttribute('data-key', tests[i].key); - } else { - item.className += ' title'; - } + if (!filter) item.className = 'indent-' + tests[i].indent; - item.innerHTML = tests[i].name; - list.appendChild(item); + if (typeof tests[i].key != 'undefined') { + item.setAttribute('data-action', 'load'); + item.setAttribute('data-key', tests[i].key); + } else { + item.className += ' title'; } + + item.innerHTML = tests[i].name; + list.appendChild(item); } } } } + } - var table = document.createElement('table'); - parent.appendChild(table); + var table = document.createElement('table'); + parent.appendChild(table); - var tbody = document.createElement('tbody'); - table.appendChild(tbody); - - var type = null; - for (var i = 0; i < this.browsers.length; i++) { - if (type != this.browsers[i].type) { - var tr = document.createElement('tr'); - tbody.appendChild(tr); - - var th = document.createElement('th'); - th.className = 'details'; - th.colSpan = this.options.columns + 1; - tr.appendChild(th); - - switch(this.browsers[i].type) { - case 'desktop': th.innerHTML = '

    Desktop browsers

    '; break; - case 'gaming': th.innerHTML = '

    Gaming

    '; break; - case 'mobile': th.innerHTML = '

    Mobiles

    '; break; - case 'tablet': th.innerHTML = '

    Tablets

    '; break; - case 'television': th.innerHTML = '

    Television

    '; break; - } - } + var tbody = document.createElement('tbody'); + table.appendChild(tbody); + var type = null; + for (var i = 0; i < this.browsers.length; i++) { + if (type != this.browsers[i].type) { var tr = document.createElement('tr'); - tr.id = 'row-' + this.browsers[i].uid; tbody.appendChild(tr); var th = document.createElement('th'); - th.className = 'hasLink'; - th.innerHTML = this.browsers[i].nickname + (this.browsers[i].details ? ' (' + this.browsers[i].details + ')' : ''); + th.className = 'details'; + th.colSpan = this.options.columns + 1; tr.appendChild(th); - (function(th, type, data){ - th.onclick = function() { - new BrowserPopup(th, type, data); - }; - })(th, type, { - platform: this.browsers[i].platform, - version: this.browsers[i].version, - id: this.browsers[i].id, - name: this.browsers[i].nickname, - score: this.browsers[i].score, - urls: [] - }); - - for (var c = 0; c < this.options.columns; c++) { - var td = document.createElement('td'); - tr.appendChild(td); + switch (this.browsers[i].type) { + case 'desktop': th.innerHTML = '

    Desktop browsers

    '; break; + case 'gaming': th.innerHTML = '

    Gaming

    '; break; + case 'mobile': th.innerHTML = '

    Mobiles

    '; break; + case 'tablet': th.innerHTML = '

    Tablets

    '; break; + case 'television': th.innerHTML = '

    Television

    '; break; } + } + + var tr = document.createElement('tr'); + tr.id = 'row-' + this.browsers[i].uid; + tbody.appendChild(tr); + + var th = document.createElement('th'); + th.className = 'hasLink'; + th.innerHTML = this.browsers[i].nickname + (this.browsers[i].details ? ' (' + this.browsers[i].details + ')' : ''); + tr.appendChild(th); + + (function (th, type, data) { + th.onclick = function () { + new BrowserPopup(th, type, data); + }; + })(th, type, { + platform: this.browsers[i].platform, + version: this.browsers[i].version, + id: this.browsers[i].id, + name: this.browsers[i].nickname, + score: this.browsers[i].score, + urls: [] + }); - type = this.browsers[i].type; + for (var c = 0; c < this.options.columns; c++) { + var td = document.createElement('td'); + tr.appendChild(td); } - }, - getList: function(items, level) { - if (typeof level == 'undefined') level = 0; + type = this.browsers[i].type; + } + }, - var result = []; + getList: function (items, level) { + if (typeof level == 'undefined') level = 0; - for (var i = 0; i < items.length; i++) { - if (typeof items[i] == 'object') { - if (typeof items[i].items == 'undefined') { - if (level > 0) { - result.push({ - key: items[i].key, - name: items[i].name, - indent: level - }) - } + var result = []; + + for (var i = 0; i < items.length; i++) { + if (typeof items[i] == 'object') { + if (typeof items[i].items == 'undefined') { + if (level > 0) { + result.push({ + key: items[i].key, + name: items[i].name, + indent: level + }) } + } - if (typeof items[i].items != 'undefined') { - if (level > 0) { - result.push({ - name: items[i].name, - indent: level - }) - } + if (typeof items[i].items != 'undefined') { + if (level > 0) { + result.push({ + name: items[i].name, + indent: level + }) + } - if (children = this.getList(items[i].items, level + 1)) { - for (var c = 0; c < children.length; c++) { - result.push(children[c]); - } + if (children = this.getList(items[i].items, level + 1)) { + for (var c = 0; c < children.length; c++) { + result.push(children[c]); } } } } + } - return result; - }, + return result; + }, - getItemByKey: function(items, key, level) { - if (typeof level == 'undefined') level = 0; + getItemByKey: function (items, key, level) { + if (typeof level == 'undefined') level = 0; - for (var i = 0; i < items.length; i++) { - if (typeof items[i] == 'object') { - if (items[i].key == key) return items[i]; - if (typeof items[i].items != 'undefined') { - if (result = this.getItemByKey(items[i].items, key, level + 1)) { - return result; - } + for (var i = 0; i < items.length; i++) { + if (typeof items[i] == 'object') { + if (items[i].key == key) return items[i]; + if (typeof items[i].items != 'undefined') { + if (result = this.getItemByKey(items[i].items, key, level + 1)) { + return result; } } } } } +} +var DiffTable = function () { this.initialize.apply(this, arguments) }; +DiffTable.prototype = { + initialize: function (options) { + this.parent = options.parent; + this.metadata = options.metadata; + this.data = options.data; + this.createSections(this.parent); + }, - var DiffTable = function() { this.initialize.apply(this, arguments) }; - DiffTable.prototype = { - - initialize: function(options) { - this.parent = options.parent; - this.metadata = options.metadata; - this.data = options.data; - - this.createSections(this.parent); - }, - - createSections: function(parent) { - var table = document.createElement('table'); - parent.appendChild(table); + createSections: function (parent) { + var table = document.createElement('table'); + parent.appendChild(table); - var tbody = document.createElement('tbody'); - table.appendChild(tbody); + var tbody = document.createElement('tbody'); + table.appendChild(tbody); - for (var i = 0; i < this.data.length; i++) { - if (this.metadata.getItem(this.data[i].id)) { - var tr = document.createElement('tr'); - tbody.appendChild(tr); + for (var i = 0; i < this.data.length; i++) { + if (this.metadata.getItem(this.data[i].id)) { + var tr = document.createElement('tr'); + tbody.appendChild(tr); - var th = document.createElement('th'); - th.innerHTML = "" + this.metadata.getTrail(this.data[i].id, ' ▸ ') + ""; - tr.appendChild(th); + var th = document.createElement('th'); + th.innerHTML = "" + this.metadata.getTrail(this.data[i].id, ' ▸ ') + ""; + tr.appendChild(th); - var td = document.createElement('td'); - td.innerHTML = "
    " + this.getStatus(this.data[i].from) + " → " + this.getStatus(this.data[i].to) + "
    "; - tr.appendChild(td); - } + var td = document.createElement('td'); + td.innerHTML = "
    " + this.getStatus(this.data[i].from) + " → " + this.getStatus(this.data[i].to) + "
    "; + tr.appendChild(td); } - }, - - getStatus: function(status) { - html = ''; - status = parseInt(status, 10); - - if (status & YES) { - switch(true) { - case !! (status & BUGGY): html = '
    Buggy
    '; break; - case !! (status & OLD): html = '
    Partial ○
    '; break; - case !! (status & PREFIX): html = '
    Prefixed ✔
    '; break; - case !! (status & EXPERIMENTAL): html = '
    Prefixed ✔
    '; break; - default: html = '
    Yes ✔
    '; break; - } + } + }, + + getStatus: function (status) { + html = ''; + status = parseInt(status, 10); + + if (status & YES) { + switch (true) { + case !!(status & BUGGY): html = '
    Buggy
    '; break; + case !!(status & OLD): html = '
    Partial ○
    '; break; + case !!(status & PREFIX): html = '
    Prefixed ✔
    '; break; + case !!(status & EXPERIMENTAL): html = '
    Prefixed ✔
    '; break; + default: html = '
    Yes ✔
    '; break; } - else { - switch(true) { - case !! (status & UNKNOWN): html = '
    Unknown ?
    '; break; - case !! (status & BLOCKED): html = '
    Not functional !
    '; break; - case !! (status & DISABLED): html = '
    Disabled ✘
    '; break; - default: html = '
    No ✘
    '; break; - } + } + else { + switch (true) { + case !!(status & UNKNOWN): html = '
    Unknown ?
    '; break; + case !!(status & BLOCKED): html = '
    Not functional !
    '; break; + case !!(status & DISABLED): html = '
    Disabled ✘
    '; break; + default: html = '
    No ✘
    '; break; } - - return html; } - } - + return html; + } +} - var BrowserPopup = function() { this.initialize.apply(this, arguments) }; - BrowserPopup.current = null; - BrowserPopup.prototype = { - initialize: function(parent, type, data) { - if (BrowserPopup.current) { - BrowserPopup.current.close(); - } - var browser = data.platform + (data.version ? "-" + data.version : ""); +var BrowserPopup = function () { this.initialize.apply(this, arguments) }; +BrowserPopup.current = null; +BrowserPopup.prototype = { + initialize: function (parent, type, data) { + if (BrowserPopup.current) { + BrowserPopup.current.close(); + } - var content = ""; - content += "
    "; - content += "

    " + data.score + "

    Points
    "; - content += "
    Timeline
    "; - content += "
    Compare
    "; - content += "
    "; + var browser = data.platform + (data.version ? "-" + data.version : ""); - if (typeof data.urls != 'undefined') { - content += "
    "; + var content = ""; + content += "
    "; + content += "

    " + data.score + "

    Points
    "; + content += "
    Timeline
    "; + content += "
    Compare
    "; + content += "
    "; - for (var i = 0; i < data.urls.length; i++) { - } + if (typeof data.urls != 'undefined') { + content += "
    "; - content += "
    "; + for (var i = 0; i < data.urls.length; i++) { } - this.panel = document.createElement('div'); - this.panel.className = 'linksPanel popupPanel pointsLeft'; - this.panel.innerHTML = content; - parent.appendChild(this.panel); + content += "
    "; + } - BrowserPopup.current = this; - }, + this.panel = document.createElement('div'); + this.panel.className = 'linksPanel popupPanel pointsLeft'; + this.panel.innerHTML = content; + parent.appendChild(this.panel); - close: function() { - this.panel.parentNode.removeChild(this.panel); - BrowserPopup.current = null; - } + BrowserPopup.current = this; + }, + + close: function () { + this.panel.parentNode.removeChild(this.panel); + BrowserPopup.current = null; } +} - document.addEventListener('click', function() { if (BrowserPopup.current) BrowserPopup.current.close() }, true) - document.addEventListener('touchstart', function() { if (BrowserPopup.current) BrowserPopup.current.close() }, true) +document.addEventListener('click', function () { if (BrowserPopup.current) BrowserPopup.current.close() }, true) +document.addEventListener('touchstart', function () { if (BrowserPopup.current) BrowserPopup.current.close() }, true)