diff options
Diffstat (limited to 'js/app/directives/clickslidetoggle.coffee')
-rw-r--r-- | js/app/directives/clickslidetoggle.coffee | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/js/app/directives/clickslidetoggle.coffee b/js/app/directives/clickslidetoggle.coffee new file mode 100644 index 000000000..e31c5e955 --- /dev/null +++ b/js/app/directives/clickslidetoggle.coffee @@ -0,0 +1,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() + +]
\ No newline at end of file |