123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- /**
- * @copyright Bernhard Posselt 2014
- *
- * @author Christoph Wurst <christoph@winzerhof-wurst.at>
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program 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 program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-
- import $ from 'jquery'
-
- let dynamicSlideToggleEnabled = false
-
- const Apps = {
- enableDynamicSlideToggle() {
- dynamicSlideToggleEnabled = true
- },
- }
-
- /**
- * Shows the #app-sidebar and add .with-app-sidebar to subsequent siblings
- *
- * @param {object} [$el] sidebar element to show, defaults to $('#app-sidebar')
- */
- Apps.showAppSidebar = function($el) {
- const $appSidebar = $el || $('#app-sidebar')
- $appSidebar.removeClass('disappear').show()
- $('#app-content').trigger(new $.Event('appresized'))
- }
-
- /**
- * Shows the #app-sidebar and removes .with-app-sidebar from subsequent
- * siblings
- *
- * @param {object} [$el] sidebar element to hide, defaults to $('#app-sidebar')
- */
- Apps.hideAppSidebar = function($el) {
- const $appSidebar = $el || $('#app-sidebar')
- $appSidebar.hide().addClass('disappear')
- $('#app-content').trigger(new $.Event('appresized'))
- }
-
- /**
- * Provides a way to slide down a target area through a button and slide it
- * up if the user clicks somewhere else. Used for the news app settings and
- * add new field.
- *
- * Usage:
- * <button data-apps-slide-toggle=".slide-area">slide</button>
- * <div class=".slide-area" class="hidden">I'm sliding up</div>
- */
- export const registerAppsSlideToggle = () => {
- let buttons = $('[data-apps-slide-toggle]')
-
- if (buttons.length === 0) {
- $('#app-navigation').addClass('without-app-settings')
- }
-
- $(document).click(function(event) {
-
- if (dynamicSlideToggleEnabled) {
- buttons = $('[data-apps-slide-toggle]')
- }
-
- buttons.each(function(index, button) {
-
- const areaSelector = $(button).data('apps-slide-toggle')
- const area = $(areaSelector)
-
- /**
- *
- */
- function hideArea() {
- area.slideUp(OC.menuSpeed * 4, function() {
- area.trigger(new $.Event('hide'))
- })
- area.removeClass('opened')
- $(button).removeClass('opened')
- }
-
- /**
- *
- */
- function showArea() {
- area.slideDown(OC.menuSpeed * 4, function() {
- area.trigger(new $.Event('show'))
- })
- area.addClass('opened')
- $(button).addClass('opened')
- const input = $(areaSelector + ' [autofocus]')
- if (input.length === 1) {
- input.focus()
- }
- }
-
- // do nothing if the area is animated
- if (!area.is(':animated')) {
-
- // button toggles the area
- if ($(button).is($(event.target).closest('[data-apps-slide-toggle]'))) {
- if (area.is(':visible')) {
- hideArea()
- } else {
- showArea()
- }
-
- // all other areas that have not been clicked but are open
- // should be slid up
- } else {
- const closest = $(event.target).closest(areaSelector)
- if (area.is(':visible') && closest[0] !== area[0]) {
- hideArea()
- }
- }
- }
- })
-
- })
- }
-
- export default Apps
|