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
76
77
78
79
80
81
82
|
###
ownCloud - News
@author Bernhard Posselt
@copyright 2012 Bernhard Posselt dev@bernhard-posselt.com
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
License as published by the Free Software Foundation; either
version 3 of the License, or any later version.
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU AFFERO GENERAL PUBLIC LICENSE for more details.
You should have received a copy of the GNU Affero General Public
License along with this library. If not, see <http://www.gnu.org/licenses/>.
###
# Used to slide up an area and can be customized by passing an expression.
# If selector is defined, a different area is slid up on click
# If hideOnFocusLost is defined, the slid up area will hide when the focus is
# If cssClass is defined this class will be applied to the element
# lost
angular.module('News').directive 'ocClickSlideToggle',
['$rootScope', ($rootScope) ->
return (scope, elm, attr) ->
options = scope.$eval(attr.ocClickSlideToggle)
# get selected slide area
if angular.isDefined(options) and angular.isDefined(options.selector)
slideArea = $(options.selector)
else
slideArea = elm
# get css class for element
if angular.isDefined(options) and angular.isDefined(options.cssClass)
cssClass = options.cssClass
else
cssClass = false
elm.click ->
if slideArea.is(':visible') and not slideArea.is(':animated')
slideArea.slideUp()
if cssClass != false
elm.removeClass('opened')
else
slideArea.slideDown()
if cssClass != false
elm.addClass('opened')
# if focus lost is set use broadcast to be sure that the currently
# active element doesnt get slid up
if angular.isDefined(options) and
angular.isDefined(options.hideOnFocusLost) and
options.hideOnFocusLost
$(document.body).click ->
$rootScope.$broadcast 'ocLostFocus'
$rootScope.$on 'ocLostFocus', (scope, params) ->
if params != slideArea
if slideArea.is(':visible') and not slideArea.is(':animated')
slideArea.slideUp()
if cssClass != false
elm.removeClass('opened')
slideArea.click (e) ->
$rootScope.$broadcast 'ocLostFocus', slideArea
e.stopPropagation()
elm.click (e) ->
$rootScope.$broadcast 'ocLostFocus', slideArea
e.stopPropagation()
]
|