Add helper/alert notifications about HTTPS only providers

MrSwitch · MrSwitch · commit cfaf5952390c · 2015-03-25T23:03:11.000+11:00
diff --git a/demos/bikeindex.html b/demos/bikeindex.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 
 <link rel="stylesheet" href="/adorn/adorn.css"/>
+<link rel="stylesheet" href="./helper/alert.css"/>
 <script src="/adorn/adorn.js" async></script>
 
 <script src="client_ids.js"></script>
@@ -10,6 +11,8 @@
 <title>hello( bikeindex )</title>
 <h1>hello( bikeindex )</h1>
 
+<script src="./helper/alert-https.js"></script>
+
 <button id='bikeindex' onclick="login('bikeindex');">bikeindex</button>
 <pre id="result">Signin to get a list of bikes</pre>
 <script class="pre">
diff --git a/demos/box.html b/demos/box.html
@@ -2,25 +2,7 @@
 <link rel="stylesheet" href="/adorn/adorn.css"/>
 <script src="/adorn/adorn.js" async></script>
 <script src="client_ids.js"></script>
-<style>
-.alert {
-	display: block;
-	padding: 15px;
-	margin-bottom: 20px;
-	border: 1px solid rgba(0, 0, 0, 0);
-	border-radius: 4px;
-}
-.alert-warning{
-	color: #8A6D3B;
-	background-color: #FCF8E3;
-	border-color: #FAEBCC;
-}
-.alert.alert-warning:before {
-	content: "Warning: ";
-	font-weight: bold;
-}
-</style>
-
+<link rel="stylesheet" href="./helper/alert.css"/>
 
 <title>hello( box )</title>
 <h1>hello( box )</h1>
@@ -30,21 +12,7 @@ <h1>hello( box )</h1>
 	Box.com only provides authentication from apps which are using HTTPS. <a href="https://developers.box.com/docs/#api-basics">See Box.com API documentation</a>
 </blockquote>
 
-<script>
-if(document.location.href.indexOf('https://')!==0){
-	document.body.appendChild((function(){
-		var div = document.createElement('div');
-		div.className = "alert alert-warning";
-		div.appendChild((function(){
-			var a = document.createElement('a');
-			a.href = document.location.href.replace('http://', 'https://');
-			a.innerHTML = "Launch page with secure protocol - https://";
-			return a;
-		})());
-		return div;
-	})());
-}
-</script>
+<script src="./helper/alert-https.js"></script>
 
 <button onclick="login();" id="profile">Login Box</button>
 
diff --git a/demos/helper/alert-https.js b/demos/helper/alert-https.js
@@ -0,0 +1,13 @@
+if(document.location.href.indexOf('https://')!==0){
+	document.body.appendChild((function(){
+		var div = document.createElement('div');
+		div.className = "alert alert-warning";
+		div.appendChild((function(){
+			var a = document.createElement('a');
+			a.href = document.location.href.replace('http://', 'https://');
+			a.innerHTML = "Launch page with secure protocol - https://";
+			return a;
+		})());
+		return div;
+	})());
+}
diff --git a/demos/helper/alert.css b/demos/helper/alert.css
@@ -0,0 +1,16 @@
+.alert {
+	display: block;
+	padding: 15px;
+	margin-bottom: 20px;
+	border: 1px solid rgba(0, 0, 0, 0);
+	border-radius: 4px;
+}
+.alert-warning{
+	color: #8A6D3B;
+	background-color: #FCF8E3;
+	border-color: #FAEBCC;
+}
+.alert.alert-warning:before {
+	content: "Warning: ";
+	font-weight: bold;
+}
