Remove testing directories. Updated options page styling. (#140)

Author: Ephellon

moz.xpi

@@ -0,0 +1,38 @@
+/** GitHub@alexey-bass
+ * Simply compares two string version values.
+ *
+ * Example:
+ * compareVer('1.1', '1.2') => -1
+ * compareVer('1.1', '1.1') =>  0
+ * compareVer('1.2', '1.1') =>  1
+ * compareVer('2.23.3', '2.22.3') => 1
+ *
+ * Returns:
+ * -1 = left is LOWER = right is GREATER
+ *  0 = they are equal
+ *  1 = left is GREATER = right is LOWER
+ *  And FALSE if one of input versions are not valid
+ *
+ * @function
+ * @param {String} left  Version #1
+ * @param {String} right Version #2
+ * @return {Integer|Boolean}
+ * @author Alexey Bass (albass)
+ * @since 2011-07-14
+ */
+function compareVer(left, right) {
+    if(typeof left + typeof right != 'stringstring')
+        return false;
+
+    for(let a = left.split('.'), b = right.split('.'), i = 0, l = Math.max(a.length, b.length); i < l; i++) {
+        if((a[i] && !b[i] && parseInt(a[i]) > 0) || (parseInt(a[i]) > parseInt(b[i])))
+            return +1
+            /* left is higher */;
+        else if((b[i] && !a[i] && parseInt(b[i]) > 0) || (parseInt(a[i]) < parseInt(b[i])))
+            return -1
+            /* right is higher */;
+    }
+
+    return 0
+    /* equal */;
+}

moz.zip

@@ -4,7 +4,7 @@
 	"homepage_url": "https://github.com/SpaceK33z/web-to-plex/",
 
 	"manifest_version": 2,
-	"version": "4.1.1.6",
+	"version": "4.1.1.7",
 	"browser_specific_settings": {
 		"gecko": {
 			"id": "mink.cbos@gmail.com",
@@ -70,12 +70,6 @@
 			"all_frames": true
 		},
 
-		// Testing purposes only
-		{
-			"matches": ["*://ephellon.github.io/web.to.plex/test/*"],
-			"js": ["utils.js", "__test__.js"]
-		},
-
 		// The sites
 		{
 			"matches": ["*://*.movieo.me/*"],

moz/__test__.js

@@ -81,11 +81,12 @@ a {
     text-decoration: none !important;
 }
 
-a[target="_blank"]::after {
+[target="_blank"]:not(#version)::after {
     content: " [\2197]";
     font-size: 70%;
 
     vertical-align: super;
+}ertical-align: super;
 }
 
 hr {
@@ -281,6 +282,8 @@ summary, option {
 }
 
 #sidebar summary {
+    font-size: 12px;
+
     margin-left: -50px;
     padding-left: 50px;
 }
@@ -297,7 +300,8 @@ summary, option {
 }
 
 #sidebar .checkbox {
-    display: none;
+    display: block;
+    transform: scale(0.75);
 }
 
 display > summary:first-child {
@@ -337,25 +341,52 @@ details:last-child > summary {
     margin: 6px 12px;
 }
 
-#footer {
+footer {
     bottom: 0;
     position: fixed;
 
     width: 100%;
 }
 
-[in-use] {
+[using], [counter-for] {
     color: #197bcc;
 }
 
-[in-use]::after {
+[using]::after {
     content: '\2610';
 }
 
 [in-use="true"i]::after {
     content: '\2611';
 }
 
+[special][using]:not([in-use="true"i]) {
+    color: #666;
+}
+
+[special][in-use="true"i], [special][counter-for] {
+    color: #cc7b19;
+}
+
+[counter-for] {
+    border: 1px solid #197bcc;
+
+    margin: 0;
+    padding: 0 3px;
+}
+
+[counter-for][in-use]::after {
+    content: '' !important;
+}
+
+[special][counter-for] {
+    border-color: #cc7b19;
+}
+
+#sidebar [counter-for] {
+    font-size: 10px;
+}
+
 [top] {
     border-bottom-left-radius:  0 !important;
     border-bottom-right-radius: 0 !important;
@@ -379,6 +410,14 @@ details:last-child > summary {
     background: #298bdc !important;
 }
 
+#sidebar .checkbox:not([special]) {
+    display: none !important;
+}
+
+display summary [using]:not([special]) {
+    display: none !important;
+}
+
 /* bbodine @CodePen - https://codepen.io/bbodine1/pen/novBm */
 .checkbox {
     width: 80px;
@@ -480,6 +519,11 @@ span.checkbox {
     opacity: 0.25 !important;
 }
 
+.checkbox[disabled] + [using] {
+    color: #666;
+    opacity: 0.25;
+}
+
 [white] {
     color: #fff !important;
 }
@@ -490,7 +534,7 @@ span.checkbox {
 
 input[type="range"] {
     appearance: none;
-    -webkit-appearance: none;
+    -moz-appearance: none;
 
     background: #0004;
     outline: #0000;
@@ -525,10 +569,7 @@ input[type="range"] + output::after {
     content: '';
 }
 
-input[type="range"]::-webkit-slider-thumb {
-    appearance: none;
-    -webkit-appearance: none;
-
+input[type="range"]::-moz-range-thumb {
     background: #cc7b19;
     border: 1px solid #cc7b19;
     border-radius: 100%;
@@ -538,34 +579,52 @@ input[type="range"]::-webkit-slider-thumb {
     width: 32px;
 }
 
-input[type="range"]::-moz-range-thumb {
-    background: #cc7b19;
-    border: 1px solid #cc7b19;
-    border-radius: 100%;
-    cursor: pointer;
+[disabled], [disabled] * {
+    cursor: not-allowed !important;
+    color: #909090EE !important;
+}
 
-    height: 32px;
-    width: 32px;
+[code], code {
+    background: #222 !important;
+    border-radius: 3px !important;
+    box-shadow: none !important;
+    box-sizing: border-box !important;
+    font-family: "System, Monospace, Menlo, Arial", Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
+    font-size: 12px !important;
+    line-height: 18px !important;
+
+    margin: 0 !important;
+    padding: 0.2em 0.4em !important;
 }
 
 #version {
-    color: #fff;
+    background: #0000 !important;
+    border: 1px solid #666 !important;
+    color: #666 !important;
 
-    position: fixed;
-    right: 4px;
-    top: calc(100vh - 24px);
+    position: fixed !important;
+    right: 12px !important;
+    top: calc(100vh - 30px) !important;
+
+    transition: border 0.15s, color 0.15s;
 }
 
-[disabled], [disabled] * {
-    cursor: not-allowed !important;
-    color: #909090EE !important;
+/* Release is higher than GitHub */
+#version[status="high"] {
+    border-color: #6cc644 !important;
+    color: #6cc644 !important;
 }
 
-[code], code {
-    border: 1px solid #FFF3;
-    font-family: monospace, console, consolas, system, arial !important;
+/* Release is same as GitHub */
+#version[status="same"] {
+    border-color: #197bcc !important;
+    color: #197bcc !important;
+}
 
-    padding: 0 3px;
+/* Release is lower than GitHub */
+#version[status="low"] {
+    border-color: #f66a0a !important;
+    color: #f3582c !important;
 }
 
 /* notifications */
@@ -589,6 +648,7 @@ input[type="range"]::-moz-range-thumb {
     z-index: 999999;
 }
 
+
 /* Web to Plex general information notifications */
 .notification.info {
     background: #666 !important;
@@ -655,7 +715,7 @@ input[type="range"]::-moz-range-thumb {
     height: 65px;
     width: 100%;
 
-    -webkit-tap-highlight-color: #0000;
+    /* -webkit-tap-highlight-color: #0000; */
 }
 
 .prompt-header {
@@ -758,21 +818,9 @@ input[type="range"]::-moz-range-thumb {
     background: #ffffff4d !important;
 }
 
-
-*::-webkit-scrollbar {
-    width: 10px;
-}
-
-*::-webkit-scrollbar-thumb {
-    min-height: 50px;
-    background: rgba(255, 255, 255, 0.15);
-    border: 2px solid rgba(0, 0, 0, 0);
-    border-radius: 8px;
-    background-clip: padding-box;
-}
-
-*::-webkit-scrollbar-track {
-    /* background: url(noise.png) fixed, #3f4245 !important; */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.15);
 }
 
 *::placeholder {
@@ -783,10 +831,6 @@ input[type="range"]::-moz-range-thumb {
     color: #999;
 }
 
-*::-webkit-input-placeholder {
-    color: #999;
-}
-
 @keyframes spin {
     0% { transform: rotate(0deg) }