diff options
Diffstat (limited to 'js/app/directives')
-rw-r--r-- | js/app/directives/clickfocus.coffee | 44 | ||||
-rw-r--r-- | js/app/directives/clickslidetoggle.coffee | 82 | ||||
-rw-r--r-- | js/app/directives/draggable.coffee | 32 | ||||
-rw-r--r-- | js/app/directives/forwardclick.coffee | 35 | ||||
-rw-r--r-- | js/app/directives/readfile.coffee | 44 | ||||
-rw-r--r-- | js/app/directives/tooltip.coffee | 27 |
6 files changed, 264 insertions, 0 deletions
diff --git a/js/app/directives/clickfocus.coffee b/js/app/directives/clickfocus.coffee new file mode 100644 index 000000000..4a5323418 --- /dev/null +++ b/js/app/directives/clickfocus.coffee @@ -0,0 +1,44 @@ +### + +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 focus an element when you click on the element that this directive is +# bound to +# The selector attribute needs to defined, this element will be focused +# If the timeout attribute is defined, it will focus the element after +# after the passed miliseconds +# Examlpe: <div oc-click-focus="{selector: '#app-content', timeout: 3000}"> +angular.module('News').directive 'ocClickFocus', ['$timeout', ($timeout) -> + + return (scope, elm, attr) -> + options = scope.$eval(attr.ocClickFocus) + + if angular.isDefined(options) and angular.isDefined(options.selector) + elm.click -> + if angular.isDefined(options.timeout) + $timeout -> + $(options.selector).focus() + , options.timeout + else + $(options.selector).focus() + + +]
\ No newline at end of file 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 diff --git a/js/app/directives/draggable.coffee b/js/app/directives/draggable.coffee new file mode 100644 index 000000000..22fa041bf --- /dev/null +++ b/js/app/directives/draggable.coffee @@ -0,0 +1,32 @@ +### + +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/>. + +### + +# Wrapper for jquery ui draggable +angular.module('News').directive 'ocDraggable', -> + + return (scope, elm, attr) -> + options = scope.$eval(attr.ocDraggable) + + if angular.isDefined(options) + elm.draggable(options) + else + elm.draggable() diff --git a/js/app/directives/forwardclick.coffee b/js/app/directives/forwardclick.coffee new file mode 100644 index 000000000..d4fdac10a --- /dev/null +++ b/js/app/directives/forwardclick.coffee @@ -0,0 +1,35 @@ +### + +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 forward clicks to another element via jquery selector +# The expression which can be passed looks like this {selector:'#opml-upload'} +# The element where to which the click was fowarded must not be a child element +# otherwise this will end in endless recursion +angular.module('News').directive 'ocForwardClick', -> + + return (scope, elm, attr) -> + options = scope.$eval(attr.ocForwardClick) + + if angular.isDefined(options) and angular.isDefined(options.selector) + $(elm).click -> + $(options.selector).trigger('click') diff --git a/js/app/directives/readfile.coffee b/js/app/directives/readfile.coffee new file mode 100644 index 000000000..fc5cc0c80 --- /dev/null +++ b/js/app/directives/readfile.coffee @@ -0,0 +1,44 @@ +### + +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/>. + +### + +### +This directive can be bound on an input element with type file +When a file is input, the content will be passed to the given function as +$fileContent parameter +### +angular.module('News').directive 'ocReadFile', +['$rootScope', ($rootScope) -> + + return (scope, elm, attr) -> + elm.change -> + + file = elm[0].files[0] + reader = new FileReader() + + reader.onload = (e) -> + elm[0].value = null + scope.$fileContent = e.target.result + scope.$apply attr.ocReadFile + + reader.readAsText(file) + +]
\ No newline at end of file diff --git a/js/app/directives/tooltip.coffee b/js/app/directives/tooltip.coffee new file mode 100644 index 000000000..8241436e5 --- /dev/null +++ b/js/app/directives/tooltip.coffee @@ -0,0 +1,27 @@ +### + +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/>. + +### + +# binds twitter tooltips to the element +angular.module('News').directive 'ocTooltip', -> + + return (scope, elm, attr) -> + elm.tooltip() |