2019-01-28 17:06:01 +03:00
|
|
|
/**
|
|
|
|
* ownCloud - core
|
|
|
|
*
|
|
|
|
* This file is licensed under the Affero General Public License version 3 or
|
|
|
|
* later. See the COPYING file.
|
|
|
|
*
|
|
|
|
* @author Bernhard Posselt <dev@bernhard-posselt.com>
|
|
|
|
* @copyright Bernhard Posselt 2014
|
|
|
|
*/
|
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
import $ from 'jquery'
|
2019-01-28 17:06:01 +03:00
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
var dynamicSlideToggleEnabled = false
|
2019-01-28 17:06:01 +03:00
|
|
|
|
|
|
|
const Apps = {
|
2019-09-25 19:19:42 +03:00
|
|
|
enableDynamicSlideToggle: function() {
|
|
|
|
dynamicSlideToggleEnabled = true
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
2019-09-25 19:19:42 +03:00
|
|
|
}
|
2019-01-28 17:06:01 +03:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Shows the #app-sidebar and add .with-app-sidebar to subsequent siblings
|
|
|
|
*
|
|
|
|
* @param {Object} [$el] sidebar element to show, defaults to $('#app-sidebar')
|
|
|
|
*/
|
2019-09-25 19:19:42 +03:00
|
|
|
Apps.showAppSidebar = function($el) {
|
|
|
|
var $appSidebar = $el || $('#app-sidebar')
|
|
|
|
$appSidebar.removeClass('disappear').show()
|
|
|
|
$('#app-content').trigger(new $.Event('appresized'))
|
|
|
|
}
|
2019-01-28 17:06:01 +03:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Shows the #app-sidebar and removes .with-app-sidebar from subsequent
|
|
|
|
* siblings
|
|
|
|
*
|
|
|
|
* @param {Object} [$el] sidebar element to hide, defaults to $('#app-sidebar')
|
|
|
|
*/
|
2019-09-25 19:19:42 +03:00
|
|
|
Apps.hideAppSidebar = function($el) {
|
|
|
|
var $appSidebar = $el || $('#app-sidebar')
|
|
|
|
$appSidebar.hide().addClass('disappear')
|
|
|
|
$('#app-content').trigger(new $.Event('appresized'))
|
|
|
|
}
|
2019-01-28 17:06:01 +03:00
|
|
|
|
|
|
|
/**
|
|
|
|
* 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 = () => {
|
2019-09-25 19:19:42 +03:00
|
|
|
var buttons = $('[data-apps-slide-toggle]')
|
2019-01-28 17:06:01 +03:00
|
|
|
|
|
|
|
if (buttons.length === 0) {
|
2019-09-25 19:19:42 +03:00
|
|
|
$('#app-navigation').addClass('without-app-settings')
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
$(document).click(function(event) {
|
2019-01-28 17:06:01 +03:00
|
|
|
|
|
|
|
if (dynamicSlideToggleEnabled) {
|
2019-09-25 19:19:42 +03:00
|
|
|
buttons = $('[data-apps-slide-toggle]')
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
buttons.each(function(index, button) {
|
2019-01-28 17:06:01 +03:00
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
var areaSelector = $(button).data('apps-slide-toggle')
|
|
|
|
var area = $(areaSelector)
|
2019-01-28 17:06:01 +03:00
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
function hideArea() {
|
|
|
|
area.slideUp(OC.menuSpeed * 4, function() {
|
|
|
|
area.trigger(new $.Event('hide'))
|
|
|
|
})
|
|
|
|
area.removeClass('opened')
|
|
|
|
$(button).removeClass('opened')
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
function showArea() {
|
|
|
|
area.slideDown(OC.menuSpeed * 4, function() {
|
|
|
|
area.trigger(new $.Event('show'))
|
|
|
|
})
|
|
|
|
area.addClass('opened')
|
|
|
|
$(button).addClass('opened')
|
|
|
|
var input = $(areaSelector + ' [autofocus]')
|
2019-01-28 17:06:01 +03:00
|
|
|
if (input.length === 1) {
|
2019-09-25 19:19:42 +03:00
|
|
|
input.focus()
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 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')) {
|
2019-09-25 19:19:42 +03:00
|
|
|
hideArea()
|
2019-01-28 17:06:01 +03:00
|
|
|
} else {
|
2019-09-25 19:19:42 +03:00
|
|
|
showArea()
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
// all other areas that have not been clicked but are open
|
|
|
|
// should be slid up
|
|
|
|
} else {
|
2019-09-25 19:19:42 +03:00
|
|
|
var closest = $(event.target).closest(areaSelector)
|
2019-01-28 17:06:01 +03:00
|
|
|
if (area.is(':visible') && closest[0] !== area[0]) {
|
2019-09-25 19:19:42 +03:00
|
|
|
hideArea()
|
2019-01-28 17:06:01 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2019-09-25 19:19:42 +03:00
|
|
|
})
|
2019-01-28 17:06:01 +03:00
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
})
|
|
|
|
}
|
2019-01-28 17:06:01 +03:00
|
|
|
|
2019-09-25 19:19:42 +03:00
|
|
|
export default Apps
|