Added slider with alarm frame tick marks and scrubbing

7 files changed, 116 insertions, 0 deletions

diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass
new file mode 100644
index 00000000..0ced5eef
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_labels.sass
@@ -0,0 +1,11 @@
+.vertical
+	div.jslider-label
+		top: -5px
+		margin-left: 22px
+
+		&.jslider-label-to
+			top: 100%
+			left: inherit
+			right: inherit
+			margin-top: -5px
+
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_main.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_main.sass
new file mode 100644
index 00000000..64ba478f
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_main.sass
@@ -0,0 +1,8 @@
+// Vertical Styles
+
+@import vertical
+@import ranges
+@import pointers
+@import labels
+@import pointers-value
+@import scales
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers-value.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers-value.sass
new file mode 100644
index 00000000..22a22259
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers-value.sass
@@ -0,0 +1,9 @@
+.vertical
+	div.jslider-value
+		top: 0
+		left: 0
+
+	div.jslider-value-to
+		top: 80%
+		left: 0
+
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers.sass
new file mode 100644
index 00000000..11eb9984
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_pointers.sass
@@ -0,0 +1,13 @@
+.vertical
+	div.jslider-pointer
+		left: 62%
+		background-position: -7px -1px
+
+		&.jslider-pointer-hover
+			background-position: -7px -21px
+
+		&.jslider-pointer-to
+			left: 62%
+
+		&.jslider-pointer-to.jslider-pointer-hover
+			background-position: -7px -21px
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_ranges.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_ranges.sass
new file mode 100644
index 00000000..f6913499
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_ranges.sass
@@ -0,0 +1,46 @@
+.vertical
+	div.jslider-bg i,
+	.jslider-pointer
+		background: url("../img/jslider.vertical.png") no-repeat 0 0
+
+	div.jslider-bg
+		position: relative
+		height: 100%
+
+		i
+			+position(absolute, 0 null null null)
+			width: 5px
+			font-size: 0
+
+			&.before
+				left: 50%
+				background: none
+
+			&.left
+				top: 0
+				left: 50%
+				height: 50%
+				background-position: right 0
+				background-repeat: repeat-y
+
+			&.right
+				top: 50%
+				left: 50%
+				height: 50%
+				background-position: right 0
+				background-repeat: repeat-y
+
+			&.range
+				position: absolute
+				top: 0
+				left: 50%
+				+size(60% 100%)
+				z-index: 1
+				background-repeat: repeat-y
+				background-position: -36px 0px
+
+			&.default
+				left: 50%
+				+size(5px 1px)
+				z-index: 1
+				background-color: $color-pointers-default-value
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass
new file mode 100644
index 00000000..f0bf764e
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_scales.sass
@@ -0,0 +1,16 @@
+.vertical
+	div.jslider-scale
+		position: inherit
+
+		span
+			position: absolute
+			+size(5px 1px)
+			border-left: none
+			font-size: 0
+			border-top: 1px solid #999
+
+		ins
+			+position(absolute, 5px null 0 null)
+			font-size: 9px
+			text-decoration: none
+			color: $color-scale
diff --git a/www/lib/angular-awesome-slider/src/css/sass/vertical/_vertical.sass b/www/lib/angular-awesome-slider/src/css/sass/vertical/_vertical.sass
new file mode 100644
index 00000000..b2e510cf
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/sass/vertical/_vertical.sass
@@ -0,0 +1,13 @@
+.vertical
+	+position(relative, 0.6em null null null)
+	display: block
+	+size(17px 100%)
+	font-family: Arial, sans-serif
+
+	table
+		height: 100%
+
+	&.sliderCSS .jslider-bg i,
+	&.jslider-pointer
+		background-color: silver
+		background-image: none