summaryrefslogtreecommitdiffstats
path: root/js/directive/NewsSlideUp.js
blob: 437a119e761b8007550ad7e77a012210791b26c0 (plain)
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/**
 * ownCloud - News
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the COPYING file.
 *
 * @author Bernhard Posselt <dev@bernhard-posselt.com>
 * @copyright Bernhard Posselt 2014
 */
app.directive('newsSlideUp', ($rootScope, $document) => {
    'use strict';

    return (scope, elem, attr) => {
        // defaults
        let slideArea = elem;
        let cssClass = false;

        let options = scope.$eval(attr.newsSlideUp);

        if (options) {
            if (options.selector) {
                slideArea = $(options.selector);
            }

            if (options.cssClass) {
                cssClass = options.cssClass;
            }


            if (options.hideOnFocusLost) {
                $($document[0].body).click(() => {
                    $rootScope.$broadcast('newsSlideUp');
                });

                $rootScope.$on('newsSlideUp', (scope, params) => {
                    if (params !== slideArea &&
                        slideArea.is(':visible') &&
                        !slideArea.is(':animated')) {

                        slideArea.slideUp();

                        if (cssClass) {
                            elem.removeClass(cssClass);
                        }
                    }
                });

                slideArea.click((event) => {
                    $rootScope.$broadcast('newsSlideUp', slideArea);
                    event.stopPropagation();
                });

                elem.click((event) => {
                    $rootScope.$broadcast('newsSlideUp', slideArea);
                    event.stopPropagation();
                });
            }
        }

        elem.click(() => {
            if (slideArea.is(':visible') && !slideArea.is(':animated')) {
                slideArea.slideUp();
                if (cssClass) {
                    elem.removeClass(cssClass);
                }
            } else {
                slideArea.slideDown();
                if (cssClass) {
                    elem.addClass(cssClass);
                }
            }
        });

    };
});