Added slider with alarm frame tick marks and scrubbing

7 files changed, 137 insertions, 0 deletions

diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_horizontal.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_horizontal.scss
new file mode 100644
index 00000000..31a36ac7
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_horizontal.scss
@@ -0,0 +1,24 @@
+// Horizontal Styles
+
+.jslider {
+  @include position(relative, 0.6em null null null);
+  cursor: pointer;
+  display: block;
+  @include size(100% 1em);
+  font-family: $font-family-base;
+  &.disabled {
+    opacity: 0.5;
+  }
+  table {
+    border-collapse: collapse;
+    border: 0;
+    width: 100%;
+    td, th {
+      width: 100%;
+      border: 0;
+      padding: 0;
+      text-align: left;
+      vertical-align: top;
+    }
+  }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_labels.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_labels.scss
new file mode 100644
index 00000000..4dfae6ae
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_labels.scss
@@ -0,0 +1,19 @@
+div.jslider-label small,
+div.jslider-value small {
+  @include position(relative, -0.4em null null null);
+}
+
+// limits
+div.jslider-label {
+  @include position(absolute, -18px null 0 null);
+  padding: 0px 2px;
+  opacity: 0.4;
+  color: $color-pointers-label;
+  font-size: $font-size-pointers-label;
+  line-height: $line-height-pointers-label;
+  white-space: nowrap;
+  &.jslider-label-to {
+    left: auto;
+    right: 0;
+  }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_main.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_main.scss
new file mode 100644
index 00000000..d18ae442
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_main.scss
@@ -0,0 +1,8 @@
+// Horizontal Styles
+
+@import "horizontal";
+@import "ranges";
+@import "pointers";
+@import "labels";
+@import "pointers-value";
+@import "scale";
diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_pointers-value.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_pointers-value.scss
new file mode 100644
index 00000000..b829c6d1
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_pointers-value.scss
@@ -0,0 +1,12 @@
+div.jslider-value {
+  @include position(absolute, -19px null 0 null);
+  padding: 1px 2px 0;
+  // background: white
+  font-size: $font-size-pointers-value;
+  line-height: $line-height-pointers-value;
+  white-space: nowrap;
+  border-radius: 2px;
+  &.jslider-value-to {
+    left: 80%;
+  }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_pointers.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_pointers.scss
new file mode 100644
index 00000000..0799afa8
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_pointers.scss
@@ -0,0 +1,24 @@
+// single value hide to
+.jslider-single {
+  div.jslider-pointer-to,
+  div.jslider-value-to,
+  div.jslider-bg .v,
+  .jslider-limitless .jslider-label {
+    display: none;
+  }
+}
+
+div.jslider-pointer {
+  @include position(absolute, -4px null 20% null);
+  @include size(15px);
+  background-position: 2px -60px;
+  margin-left: -8px;
+  cursor: hand;
+  z-index: 2;
+  &.jslider-pointer-to {
+    left: 80%;
+  }
+  &.jslider-pointer-hover {
+    background-position: (-19px) -60px;
+  }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_ranges.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_ranges.scss
new file mode 100644
index 00000000..26fb01f8
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_ranges.scss
@@ -0,0 +1,34 @@
+div.jslider-bg i, div.jslider-pointer {
+  background: url("../img/jslider.png") no-repeat 0 0;
+}
+
+div.jslider-bg {
+  position: relative;
+  i {
+    @include position(absolute, 0 null null null);
+    height: 5px;
+    &.left {
+      left: 0;
+      width: 50%;
+      background-position: 0 0;
+    }
+    &.right {
+      left: 50%;
+      width: 50%;
+      background-position: right 0;
+    }
+    &.range {
+      @include position(absolute, 0 null null 20%);
+      @include size(60% 5px);
+      background-repeat: repeat-x;
+      background-position: 0 -40px;
+      z-index: 1;
+    }
+    &.default {
+      left: 0;
+      width: 1px;
+      z-index: 1;
+      background-color: $color-pointers-default-value;
+    }
+  }
+}
diff --git a/www/lib/angular-awesome-slider/src/css/scss/horizontal/_scale.scss b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_scale.scss
new file mode 100644
index 00000000..ca4be2cf
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/horizontal/_scale.scss
@@ -0,0 +1,16 @@
+div.jslider-scale {
+  position: relative;
+  top: 9px;
+  span {
+    position: absolute;
+    height: 5px;
+    border-left: 1px solid $gray;
+    font-size: 0;
+  }
+  ins {
+    @include position(absolute, 5px null 0 null);
+    font-size: 9px;
+    text-decoration: none;
+    color: $gray;
+  }
+}