port javascript from appframework

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()