Add protocol and show a warning on unsecure protocols, fixes #495

Author: NielsLeenheer

backend/index.php

@@ -158,6 +158,7 @@
 						`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) . '"') . ',

backend/other/database.sql

@@ -88,6 +88,7 @@ CREATE TABLE `results` (
   `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',

css/main.css

@@ -2161,4 +2161,24 @@ body.indexVisible > div#index button#indexbutton {
 
 
 
+.upgradeWarning {
+	background: #ec6534;
+	color: #fff;
 
+	padding: 20px;
+	margin-top: 10px;
+	margin-bottom: 40px;
+}
+.upgradeWarning p {
+	font-size: 0.8em;
+}
+
+.upgradeWarning a {
+	display: inline-block;
+	background: #fff;
+	margin-top: 16px;
+	padding: 8px 12px;
+	font-size: 0.85em;
+	text-decoration: none;
+	color: #000;
+}

index.html

@@ -276,6 +276,7 @@ <h3>Help us improve HTML5 test by donating</h3>
 						var payload = '{' +
 									  '"release": "' + r.release + '",' +
 									  '"source": "' + source + '",' +
+									  '"protocol": "' + location.protocol + '",' +
 									  '"identifier": "' + escapeSlashes(identifier) + '",' +
 									  '"task": "' + task + '",' +
 									  '"uniqueid": "' + r.uniqueid + '",' +
@@ -324,7 +325,6 @@ <h3>Help us improve HTML5 test by donating</h3>
 						"</div>",
 					c);
 
-
 					/* Show box for confirming useragent detection */
 					new Confirm(container, {
 						id:			r.uniqueid,
@@ -374,6 +374,23 @@ <h3>Help us improve HTML5 test by donating</h3>
 					button.innerHTML = '<span>Donate</span>';
 					buttons.appendChild(button);
 
+
+					if (location.protocol == "http:") {
+						var warning = document.createElement('div');
+						warning.className = 'upgradeWarning';
+						warning.innerHTML =
+							"<h4>Your browser may support even more features on a secure connection</h4>" +
+							"<p>Modern browsers only support some advanced features using on websites that uses a secure connection. " +
+							"This is because these features expose privacy sensitive data. Because you are now using an insecure connection, " +
+							"these features may not be available and are not detected.</p>" +
+							"<a href='https://html5test.com'>Try again, but using a secure connection</a>";
+
+						container.appendChild(warning);
+					}
+
+
+
+
 					/* Show detailed report of scores */
 					var container = document.getElementById('results');
 					var div = document.createElement('div');