bootstrap-magic/app/js/directives.js at dev · csseditor/bootstrap-magic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
'use strict'

/* Directives */

window.angular
  .module('bootstrapVariablesEditor.directives', [])
  .directive('colorPickerApply', [
    function() {
      return {
        link: function(scope, element, attrs) {
          element.bind('change', function() {
            if (scope.variable.value.charAt(0) === '#') {
              element.colorpicker('setValue', scope.variable.value)
            }
          })
        }
      }
    }
  ])
  .directive('scrollTop', [
    function() {
      return {
        link: function(scope, element, attrs) {
          $('#scrollTop').hide()

          $(function() {
            $(window).scroll(function() {
              if ($(this).scrollTop() > 200) {
                $('#scrollTop').fadeIn()
              } else {
                $('#scrollTop').fadeOut()
              }
            })
          })

          $('#scrollTop').click(function() {
            $('body,html').animate(
              {
                scrollTop: 0
              },
              300
            )
            return false
          })
        }
      }
    }
  ])