Move app menu to vue

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files changed, 1 insertions, 80 deletions

diff --git a/core/src/init.js b/core/src/init.js
index 507f5bbb35f..487114051ae 100644
--- a/core/src/init.js
+++ b/core/src/init.js
@@ -36,62 +36,7 @@ import { setUp as setUpMainMenu } from './components/MainMenu'
 import { setUp as setUpUserMenu } from './components/UserMenu'
 import PasswordConfirmation from './OC/password-confirmation'
 
-// keep in sync with core/css/variables.scss
-const breakpointMobileWidth = 1024
-
-const resizeMenu = () => {
-	const appList = $('#appmenu li')
-	const rightHeaderWidth = $('.header-right').outerWidth()
-	const headerWidth = $('header').outerWidth()
-	const usePercentualAppMenuLimit = 0.67
-	const minAppsDesktop = 12
-	let availableWidth = headerWidth - $('#nextcloud').outerWidth() - (rightHeaderWidth > 210 ? rightHeaderWidth : 210)
-	const isMobile = $(window).width() < breakpointMobileWidth
-	if (!isMobile) {
-		availableWidth = availableWidth * usePercentualAppMenuLimit
-	}
-	let appCount = Math.floor((availableWidth / $(appList).width()))
-	if (isMobile && appCount > minAppsDesktop) {
-		appCount = minAppsDesktop
-	}
-	if (!isMobile && appCount < minAppsDesktop) {
-		appCount = minAppsDesktop
-	}
-
-	// show at least 2 apps in the popover
-	if (appList.length - 1 - appCount >= 1) {
-		appCount--
-	}
-
-	$('#more-apps a').removeClass('active')
-	let lastShownApp
-	for (let k = 0; k < appList.length - 1; k++) {
-		const name = $(appList[k]).data('id')
-		if (k < appCount) {
-			$(appList[k]).removeClass('hidden')
-			$('#apps li[data-id=' + name + ']').addClass('in-header')
-			lastShownApp = appList[k]
-		} else {
-			$(appList[k]).addClass('hidden')
-			$('#apps li[data-id=' + name + ']').removeClass('in-header')
-			// move active app to last position if it is active
-			if (appCount > 0 && $(appList[k]).children('a').hasClass('active')) {
-				$(lastShownApp).addClass('hidden')
-				$('#apps li[data-id=' + $(lastShownApp).data('id') + ']').removeClass('in-header')
-				$(appList[k]).removeClass('hidden')
-				$('#apps li[data-id=' + name + ']').addClass('in-header')
-			}
-		}
-	}
-
-	// show/hide more apps icon
-	if ($('#apps li:not(.in-header)').length === 0) {
-		$('#more-apps').hide()
-		$('#navigation').hide()
-	} else {
-		$('#more-apps').show()
-	}
-}
+const breakpointMobileWidth = getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-mobile')
 
 const initLiveTimestamps = () => {
 	// Update live timestamps every 30 seconds
@@ -179,30 +124,6 @@ export const initCore = () => {
 	setUpUserMenu()
 	setUpContactsMenu()
 
-	// move triangle of apps dropdown to align with app name triangle
-	// 2 is the additional offset between the triangles
-	if ($('#navigation').length) {
-		$('#header #nextcloud + .menutoggle').on('click', () => {
-			$('#menu-css-helper').remove()
-			const caretPosition = $('.header-appname + .icon-caret').offset().left - 2
-			if (caretPosition > 255) {
-				// if the app name is longer than the menu, just put the triangle in the middle
-
-			} else {
-				$('head').append('<style id="menu-css-helper">#navigation:after { left: ' + caretPosition + 'px }</style>')
-			}
-		})
-		$('#header #appmenu .menutoggle').on('click', () => {
-			$('#appmenu').toggleClass('menu-open')
-			if ($('#appmenu').is(':visible')) {
-				$('#menu-css-helper').remove()
-			}
-		})
-	}
-
-	$(window).resize(resizeMenu)
-	setTimeout(resizeMenu, 0)
-
 	// just add snapper for logged in users
 	// and if the app doesn't handle the nav slider itself
 	if ($('#app-navigation').length && !$('html').hasClass('lte9')