User interface: header menu

* FIX: correct implementation of autohide
* FIX: translate header menu
* BETTER: display user name instead of My Account

Co-Authored-by: Igor Milhit <[email protected]>
Co-Authored-by: Peter Weber <[email protected]>
Signed-off-by: Igor Milhit <[email protected]>

Author: Igor Milhit

rero_ils/bundles.py

@@ -70,8 +70,8 @@ def catalog(domain):
     npm={
         'almond': '~0.3.1',
         'angular': '~1.4.9',
-        'bootstrap-sass': '~3.3.5',
         'bootstrap-autohide-navbar': '~1.0.0',
+        'bootstrap-sass': '~3.3.5',
         'angular-gettext': '~2.3.8',
         'jquery': '~1.9.1',
     },
@@ -84,7 +84,6 @@ def catalog(domain):
         'js/rero_ils/invenio_config.js',
         'js/rero_ils/translations.js',
         'js/rero_ils/documents_items.js',
-        'js/rero_ils/navbar-autohide.js',
         'js/rero_ils/persons.js',
         'js/rero_ils/thumbnail.js',
         'js/rero_ils/search_app.js',

rero_ils/modules/patrons/api.py

@@ -215,3 +215,26 @@ def organisation(self):
         return OrganisationWithLibraries.get_organisation_by_libraryid(
             self.library.id
         )
+
+    @property
+    def name(self):
+        """Return the full name of the patron."""
+        my_name = '{first_name} {last_name}'.format(
+            first_name=self['first_name'],
+            last_name=self['last_name']
+        )
+        return my_name
+
+    @property
+    def initial(self):
+        """Return the initials of the patron first name."""
+        initial = ''
+        firsts = self['first_name'].split(' ')
+        for first in firsts:
+            initial += first[0]
+        lasts = self['last_name'].split(' ')
+        for last in lasts:
+            if last[0].isupper():
+                initial += last[0]
+
+        return initial

rero_ils/static/js/rero_ils/navbar-autohide.js

@@ -27,5 +27,17 @@ require([
     // });
     $(document).ready(function(){
       $('[data-toggle="tooltip"]').tooltip();
+      /* Enable the sticky autohide header */
+
+      $(function () {
+        'use strict';
+
+        $('.navbar').bootstrapAutoHideNavbar({
+          disableAutoHide: false,
+          delta: 5,
+          duration: 250,
+          shadow: false
+        });
+      });
+    });
   });
-});