Brawl345
diff --git a/‎manifest.json‎
Lines changed: 1 addition & 1 deletion b/‎manifest.json‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎options/css/bootstrap.min.css‎
Lines changed: 7 additions & 0 deletions b/‎options/css/bootstrap.min.css‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎options/css/bootstrap.min.css.map‎
Lines changed: 1 addition & 0 deletions b/‎options/css/bootstrap.min.css.map‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎options/css/font-awesome.min.css‎
Lines changed: 4 additions & 0 deletions b/‎options/css/font-awesome.min.css‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎options/fonts/fontawesome-webfont.woff2‎
75.4 KB b/‎options/fonts/fontawesome-webfont.woff2‎
75.4 KB
diff --git a/‎options/options.html‎
Lines changed: 3 additions & 5 deletions b/‎options/options.html‎
Lines changed: 3 additions & 5 deletions
diff --git a/‎options/options.js‎
Lines changed: 27 additions & 10 deletions b/‎options/options.js‎
Lines changed: 27 additions & 10 deletions
@@ -4,7 +4,7 @@
 	"name": "__MSG_extensionName__",
 	"description": "__MSG_extensionDescription__",
 	"author": "Andreas Bielawski",
-	"version": "3.3.1",
+	"version": "3.3.2",
 	"icons": {
 		"16": "icons/16.png",
 		"32": "icons/32.png",
 
@@ -3,11 +3,9 @@
 
 <head>
 	<meta charset="utf-8">
-	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
-	    crossorigin="anonymous">
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
-	    crossorigin="anonymous">
-	<link href="options.css" rel="stylesheet" />
+	<link rel="stylesheet" href="css/bootstrap.min.css">
+	<link rel="stylesheet" href="css/font-awesome.min.css">
+	<link rel="stylesheet" href="options.css">
 </head>
 
 <body>
 
@@ -59,7 +59,10 @@ function createSpRemoveElement() {
 	// </a>
 	const a = $el('a');
 	a.classList.add('sp-remove', 'input-group-addon');
-	a.innerHTML = '<i class="fa fa-trash" aria-hidden="true"></i>';
+    i = document.createElement('i');
+    i.classList.add('fa', 'fa-trash');
+    i.setAttribute('aria-hidden', 'true');
+    a.appendChild(i);
 	return a;
 }
 
@@ -70,9 +73,14 @@ function createSpStatusElement() {
 	// </a>
 	const a = $el('a');
 	a.classList.add('sp-status', 'input-group-addon');
-	a.innerHTML = `
-	<i class="fa fa-check text-success" aria-hidden="true"></i>
-	<i class="fa fa-times text-danger" aria-hidden="true"></i>`;
+    i = document.createElement('i');
+    i.classList.add('fa', 'fa-check', 'text-success');
+    i.setAttribute('aria-hidden', 'true');
+    a.appendChild(i);
+    i = document.createElement('i');
+    i.classList.add('fa', 'fa-times', 'text-danger');
+    i.setAttribute('aria-hidden', 'true');
+    a.appendChild(i);
 	return a;
 }
 
@@ -184,12 +192,21 @@ function createSpCheckboxElement(selected) {
 	//   </label>
 	// </span>
 	const span = $el('span');
-	span.innerHTML = `
-	<label class="form-check-label custom-control custom-checkbox">
-		<input class="form-check-input custom-control-input" type="checkbox" ${selected ? 'checked' : ''}/>
-		<span class="custom-control-indicator"/>
-	</label>`;
-	span.classList.add('sp-selected', 'input-group-addon', 'form-check');
+    span.classList.add('sp-selected', 'input-group-addon', 'form-check');
+
+    label = document.createElement('label');
+    label.classList.add('form-check-label', 'custom-control', 'custom-checkbox');
+    span.appendChild(label);
+
+    input = document.createElement('input');
+    input.classList.add('form-check-input', 'custom-control-input');
+    input.setAttribute('type', 'checkbox');
+    if (selected) {input.checked = true;} else {input.checked = false;}
+    label.appendChild(input);
+
+    spancci = document.createElement('span');
+    spancci.classList.add('custom-control-indicator');
+    label.appendChild(spancci);
 	return span;
 }