forked from deblan/side_menu
Merge branch 'feature/active-app' into develop
This commit is contained in:
commit
e1d40bdfab
|
@ -6,7 +6,7 @@
|
||||||
<description>Move the top menu to the left side.</description>
|
<description>Move the top menu to the left side.</description>
|
||||||
<licence>agpl</licence>
|
<licence>agpl</licence>
|
||||||
<author mail="dev+sidemenu@deblan.fr" homepage="https://www.deblan.io/">Simon Vieille</author>
|
<author mail="dev+sidemenu@deblan.fr" homepage="https://www.deblan.io/">Simon Vieille</author>
|
||||||
<version>1.0.1</version>
|
<version>1.1.0</version>
|
||||||
<namespace>SideMenu</namespace>
|
<namespace>SideMenu</namespace>
|
||||||
<category>customization</category>
|
<category>customization</category>
|
||||||
<website>https://gitnet.fr/deblan/side_menu</website>
|
<website>https://gitnet.fr/deblan/side_menu</website>
|
||||||
|
|
|
@ -2,15 +2,5 @@
|
||||||
|
|
||||||
return [
|
return [
|
||||||
'routes' => [
|
'routes' => [
|
||||||
[
|
|
||||||
'name' => 'Javascript#sideMenu',
|
|
||||||
'url' => '/side_menu/javascript/side_menu',
|
|
||||||
'verb' => 'GET',
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'name' => 'Api#apps',
|
|
||||||
'url' => '/side_menu/api/apps',
|
|
||||||
'verb' => 'GET',
|
|
||||||
]
|
|
||||||
],
|
],
|
||||||
];
|
];
|
||||||
|
|
|
@ -55,7 +55,7 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-app a:hover {
|
.side-menu-app a:hover, .side-menu-app.is-active a {
|
||||||
background: #444;
|
background: #444;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,47 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
namespace OCA\SideMenu\Controller;
|
|
||||||
|
|
||||||
use OCP\AppFramework\Controller;
|
|
||||||
use OCP\IRequest;
|
|
||||||
use OCP\INavigationManager;
|
|
||||||
use OCP\AppFramework\Http\DataDownloadResponse;
|
|
||||||
use OCP\AppFramework\Http\TemplateResponse;
|
|
||||||
use OCP\AppFramework\Http\JSONResponse;
|
|
||||||
|
|
||||||
class ApiController extends Controller
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* @var INavigationManager
|
|
||||||
*/
|
|
||||||
protected $navigationManager;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param string $appName
|
|
||||||
* @param IRequest $request
|
|
||||||
* @param INavigationManager $navigationManager
|
|
||||||
*/
|
|
||||||
public function __construct($appName, IRequest $request, INavigationManager $navigationManager)
|
|
||||||
{
|
|
||||||
parent::__construct($appName, $request);
|
|
||||||
|
|
||||||
$this->navigationManager = $navigationManager;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @NoAdminRequired
|
|
||||||
* @NoCSRFRequired
|
|
||||||
*
|
|
||||||
* @return JSONResponse
|
|
||||||
*/
|
|
||||||
public function apps(): JSONResponse
|
|
||||||
{
|
|
||||||
$apps = $this->navigationManager->getAll();
|
|
||||||
|
|
||||||
$data = [
|
|
||||||
'apps' => $apps,
|
|
||||||
];
|
|
||||||
|
|
||||||
return new JSONResponse($apps);
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -9,9 +9,9 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="side-menu-apps-list">
|
<ul class="side-menu-apps-list">
|
||||||
<li v-for="app in apps" class="side-menu-app">
|
<li v-for="app in apps" v-bind:class="{'side-menu-app': true, 'is-active': app.active}">
|
||||||
<a v-bind:href="app.href">
|
<a v-bind:href="app.href">
|
||||||
<img v-bind:src="app.icon" v-bind:alt="app.name" class="side-menu-app-icon">
|
<span class="side-menu-app-icon" v-html="app.icon"></span>
|
||||||
|
|
||||||
{{ app.name }}
|
{{ app.name }}
|
||||||
</a>
|
</a>
|
||||||
|
@ -34,18 +34,25 @@ export default {
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
let that = this
|
let that = this
|
||||||
|
var links = document.querySelectorAll('#appmenu a')
|
||||||
axios.get(generateUrl('apps/side_menu/side_menu/api/apps'))
|
|
||||||
.then(response => {
|
|
||||||
this.apps = response.data
|
|
||||||
})
|
|
||||||
|
|
||||||
this.logo = window.getComputedStyle(document.querySelector('#nextcloud .logo'), null)
|
this.logo = window.getComputedStyle(document.querySelector('#nextcloud .logo'), null)
|
||||||
.getPropertyValue('background-image')
|
.getPropertyValue('background-image')
|
||||||
.replace('url("', '')
|
.replace('url("', '')
|
||||||
.replace('")', '')
|
.replace('")', '')
|
||||||
|
|
||||||
console.log(this.logo)
|
for (let element of links) {
|
||||||
|
let href = element.getAttribute('href')
|
||||||
|
|
||||||
|
if (href !== '#') {
|
||||||
|
that.apps.push({
|
||||||
|
href: href,
|
||||||
|
name: element.querySelector('span').innerHTML,
|
||||||
|
icon: element.querySelector('svg').outerHTML,
|
||||||
|
active: element.classList.contains('active')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue