release v1.13.0

appinfo/info.xml

@@ -14,10 +14,16 @@ Comptatible with AppOrder.
 
 You can report a bug or request a feature by opening an issue.
 
+If you like this app, leave a review on https://apps.nextcloud.com/apps/side_menu
+
+You like this app and you want to support me?
+
+* ☕ [Buy me a coffee](https://www.buymeacoffee.com/deblan)
+* 😃 [Leave a comment](https://apps.nextcloud.com/apps/side_menu#comments)
 ]]></description>
     <licence>agpl</licence>
     <author mail="contact@deblan.fr" homepage="https://www.deblan.io/">Simon Vieille</author>
-    <version>1.12.1</version>
+    <version>1.13.0</version>
     <namespace>SideMenu</namespace>
     <category>customization</category>
     <website>https://gitnet.fr/deblan/side_menu</website>

css/sideMenu.css

@@ -217,15 +217,11 @@
 
 .side-menu-always-displayed #side-menu.open,
 .side-menu-always-displayed #side-menu.open .side-menu-apps-list,
-.side-menu-always-displayed #side-menu.open .side-menu-header,
+.side-menu-always-displayed #side-menu.open .side-menu-header {
-.side-menu-always-displayed #side-menu:hover,
-.side-menu-always-displayed #side-menu:hover .side-menu-apps-list,
-.side-menu-always-displayed #side-menu:hover .side-menu-header {
     width: 100%;
 }
 
-.side-menu-always-displayed #side-menu.open .side-menu-app-text,
+.side-menu-always-displayed #side-menu.open .side-menu-app-text {
-.side-menu-always-displayed #side-menu:hover .side-menu-app-text {
     display: inline;
 }
 

lib/Controller/JsController.php

@@ -55,6 +55,8 @@ class JsController extends Controller
         $user = OC::$server[IUserSession::class]->getUser();
         $topMenuApps = (array) json_decode($this->config->getAppValue('side_menu', 'top-menu-apps', '[]'), true);
         $targetBlankApps = (array) json_decode($this->config->getAppValue('side_menu', 'target-blank-apps', '[]'), true);
+        $useAvatar = (bool) $this->config->getAppValue('side_menu', 'use-avatar', '0');
+        $avatar = null;
 
         if ($user) {
             $userTopMenuApps = (array) json_decode($this->config->getUserValue($user->getUid(), 'side_menu', 'top-menu-apps', '[]'), true);
@@ -66,11 +68,22 @@ class JsController extends Controller
             $userTargetBlankMode = (int) $this->config->getUserValue($user->getUid(), 'side_menu', 'target-blank-mode', '1');
             $userTargetBlankApps = (array) json_decode($this->config->getUserValue($user->getUid(), 'side_menu', 'target-blank-apps', '[]'), true);
 
-            if ($userTargetBlankMode === 2) {
+            if (2 === $userTargetBlankMode) {
                 $targetBlankApps = $userTargetBlankApps;
             }
-        }
 
+            $isAvatarSet = OC::$server->getAvatarManager()->getAvatar($user->getUid())->exists();
+
+            if ($useAvatar && $isAvatarSet) {
+                $avatar = OC::$server->getURLGenerator()->linkToRoute(
+                    'core.avatar.getAvatar', [
+                        'userId' => $user->getUid(),
+                        'size' => 128,
+                        'v' => $this->config->getUserValue($user, 'avatar', 'version', 0),
+                    ]
+                );
+            }
+        }
 
         $parameters = [
             'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
@@ -81,6 +94,7 @@ class JsController extends Controller
             'loader-enabled' => (bool) $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
             'always-displayed' => (bool) $this->config->getAppValue('side_menu', 'always-displayed', '0'),
             'big-menu' => (bool) $this->config->getAppValue('side_menu', 'big-menu', '0'),
+            'avatar' => $avatar,
             'top-menu-apps' => $topMenuApps,
             'target-blank-apps' => $targetBlankApps,
         ];

lib/Settings/Admin.php

@@ -77,6 +77,7 @@ class Admin implements ISettings
             'always-displayed' => $this->config->getAppValue('side_menu', 'always-displayed', '0'),
             'big-menu' => $this->config->getAppValue('side_menu', 'big-menu', '0'),
             'display-logo' => $this->config->getAppValue('side_menu', 'display-logo', '1'),
+            'use-avatar' => $this->config->getAppValue('side_menu', 'use-avatar', '0'),
             'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
             'opener-hover' => $this->config->getAppValue('side_menu', 'opener-hover', '0'),
             'opener-only' => $this->config->getAppValue('side_menu', 'opener-only', '0'),

src/SideMenu.vue

@@ -19,7 +19,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         <div class="side-menu-header">
             <button class="side-menu-opener"></button>
 
-            <div v-if="logo" class="side-menu-logo">
+            <div v-if="logo" v-bind:class="{'side-menu-logo': true, 'avatardiv': isAvatar}">
                 <img v-bind:src="logo">
             </div>
         </div>
@@ -46,6 +46,7 @@ export default {
             logo: null,
             forceLightIcon: false,
 			targetBlank: false,
+			isAvatar: false,
         }
     },
     methods: {
@@ -104,8 +105,12 @@ export default {
         },
         retrieveLogo() {
             const ncLogo = document.querySelector('#nextcloud .logo')
+			const avatar = document.querySelector('#side-menu-container').getAttribute('data-avatar');
 
-            if (ncLogo) {
+			if (avatar) {
+				this.logo = avatar
+				this.isAvatar = true
+			} else if (ncLogo) {
                 const url = window.getComputedStyle(ncLogo, null)
                     .getPropertyValue('background-image')
                     .replace('url("', '')

templates/js/_alwaysDisplayed.js

@@ -41,4 +41,4 @@ var alwaysDisplayed = function() {
     }
 }
 
-alwaysDisplayed()
+window.setTimeout(alwaysDisplayed, 200)

templates/js/script.php

@@ -13,6 +13,10 @@
     <?php if ($_['force-light-icon']): ?>
         sideMenuContainer.attr('data-forcelighticon', '1')
     <?php endif; ?>
+    
+    <?php if ($_['avatar']): ?>
+        sideMenuContainer.attr('data-avatar', '<?php p($avatar) ?>')
+    <?php endif; ?>
 
     sideMenuContainer.attr('data-targetblankapps', '<?php p(implode(',', $_['target-blank-apps'])) ?>')
 
@@ -67,7 +71,7 @@
             }
         }
 
-        <?php if ($_['opener-hover']): ?>
+        <?php if ($_['opener-hover'] || ($_['always-displayed'] && !$_['big-menu'])): ?>
             var sideMenuMouseLeave = function() {
                 sideMenu
                     .removeClass('open')
@@ -87,9 +91,14 @@
             }
 
             if (!isTouchDevice) {
-                headerMenuOpener.on('mouseenter', sideMenuOpenerMouseEnter)
+                <?php if ($_['opener-hover']): ?>
+                    headerMenuOpener.on('mouseenter', sideMenuOpenerMouseEnter)
 
-                sideMenu.addClass('hide-opener')
+                    sideMenu.addClass('hide-opener')
+                <?php else: ?>
+                    sideMenu.on('mouseleave', sideMenuMouseLeave)
+                    sideMenu.on('mouseenter', sideMenuOpenerMouseEnter)
+                <?php endif ?>
             }
         <?php endif; ?>
 

templates/settings/admin-form.php

@@ -342,6 +342,18 @@ $choicesSizes = [
             </select>
         </div>
 
+        <p><em><?php p($l->t('Use the avatar instead of the logo')); ?></em></p>
+
+        <div>
+            <select id="side-menu-use-avatar" name="use-avatar" class="side-menu-setting">
+                <?php foreach ($choicesYesNo as $label => $value): ?>
+                    <option value="<?php echo $value ?>" <?php if ($value === $_['use-avatar']): ?>selected<?php endif; ?>>
+                        <?php echo $l->t($label);  ?>
+                    </option>
+                <?php endforeach; ?>
+            </select>
+        </div>
+
         <div>
             <label>
                 <?php p($l->t('Icons and texts')); ?>