Version 10:

* Designed for Blue Iris 4.7.3.3+ * Added support for cached clip animation preview frames. * Added event-triggered icon and sound options (disabled by default, see Main Menu > UI Settings. * No more developer console spam when changing cameras while streaming H.264. * UI Settings can now handle "range" (slider bar) inputs similar to how the camera properties panel can.
bp2008 · May 4, 2018 · 2ba425a · 2ba425a
1 parent 75f873c
commit 2ba425a
Show file tree

Hide file tree

Showing 4 changed files with 766 additions and 183 deletions.
diff --git a/ui3.htm b/ui3.htm
@@ -33,7 +33,7 @@
 		};
 	</script>
 	<script type="text/javascript">
-		var ui_version = "9";
+		var ui_version = "10";
 		var bi_version = "%%VERSION%%";
 		var combined_version = ui_version + "-" + bi_version;
 		//if (!!navigator.userAgent.match(/ Android /))
@@ -296,6 +296,7 @@
 		<div id="camimg_centerIconBackground"><svg class="icon"><use xlink:href="#svg_x5F_PTZbackground"></use></svg></div>
 		<div id="camimg_playIcon"><svg class="icon"><use xlink:href="#svg_x5F_Play"></use></svg></div>
 		<div id="camimg_pauseIcon"><svg class="icon"><use xlink:href="#svg_x5F_Pause"></use></svg></div>
+		<div id="cornerStatusIcons"></div>
 		<div id="playbackHeader" style="display: none;">
 			<div id="closeClipLeft" title="Close clip"><svg class="icon noflip stroke"><use xlink:href="#svg_stroke_closeBtn"></use></svg></div>
 			<div id="clipNameHeading"></div>

diff --git a/ui3/svgtest.htm b/ui3/svgtest.htm
@@ -2,7 +2,11 @@
 <html>
 <head>
 	<title>SVG Icon Test</title>
-	<script src="libs-src/jquery-1.11.3.min.js" type="text/javascript"></script>
+	<script src="libs-src/jquery-1.12.4.min.js"></script>
+	<script>
+		if (typeof $ === "undefined")
+			document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"><\/script>');
+	</script>
 	<style type="text/css">
 		body
 		{

diff --git a/ui3/ui3.css b/ui3/ui3.css
@@ -3148,6 +3148,35 @@ div.invisibleLabel
 	cursor: -webkit-grabbing !important;
 	cursor: grabbing !important;
 }
+/* Corner Status Icons */
+#cornerStatusIcons
+{
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	color: #FFFFFF;
+	width: 50%;
+}
+
+.cornerStatusIconWrapper
+{
+	float: right;
+	display: inline;
+	width: 20px;
+	height: 20px;
+	padding: 5px 5px;
+	margin: 5px;
+	border: 1px solid transparent;
+	border-radius: 50%;
+	display: none;
+}
+
+	.cornerStatusIconWrapper svg
+	{
+		pointer-events: none;
+		filter: drop-shadow( 0px 0px 2px rgba(0,0,0,1) );
+	}
+
 /* Question Dialog */
 /* Simple text buttons */
 .simpleTextButton
@@ -3526,6 +3555,15 @@ div.invisibleLabel
 	padding: 6px 0px;
 }
 
+.dialogOption_item_comment
+{
+	color: #66cd66;
+}
+.dialogOption_item_comment .settingsCommentError
+{
+	color: #FF6666;
+}
+
 .campropcontent .dialogOption_item_info
 {
 	max-width: 320px;
@@ -3541,20 +3579,20 @@ div.invisibleLabel
 	max-width: 340px;
 }
 
-.dialogOption_item_range
+.campropcontent .dialogOption_item_range
 {
 	max-width: 320px;
 	margin: 0px auto;
 	padding: 5px 10px;
 	position: relative;
 }
 
-	.dialogOption_item_range:hover
+	.campropcontent .dialogOption_item_range:hover
 	{
 		background-color: rgba(255,255,255,0.1);
 	}
 
-	.dialogOption_item_range input
+	.campropcontent .dialogOption_item_range input
 	{
 		width: 315px;
 		display: block;
@@ -3584,6 +3622,7 @@ div.invisibleLabel
 	height: 28px;
 	margin: 0px 10px;
 	float: right;
+	max-width: 35%;
 }
 
 #uiSettingsPanel a.input
@@ -3862,11 +3901,15 @@ div::-webkit-scrollbar-corner
 {
 	width: 80px;
 }
-
 #uiSettingsPanel input[type="text"]
 {
 	width: 169px;
 }
+#uiSettingsPanel input[type="range"]
+{
+	width: 90%;
+	margin: 0px 5%;
+}
 
 .uiSettingsRow
 {