bootstrap-magic/app/js/directives.js at working-version · 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
52
53
54
55
56
57
58
59
60
61
'use strict';

/* Directives */


angular.module('bootstrapVariablesEditor.directives', []).

    directive('appVersion', ['version', function(version) {
        return function(scope, elm, attrs) {
            elm.text(version);
        };
    }]).

    // 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);
    //              //    }
    //             	// clearTimeout(inputChange);
    //              //    inputChange = setTimeout(
    //              //        function () {
    //              //            scope.$apply(attrs.colorPickerApply);
    //              //        }, 400
    //              //    );
    //             });

    //         }
    //     };
    // }]).

    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;
                 });

            }
        };
    }]);