PHRAS-2829 #comment Lightbox mobile filter sort of basket list + add user info #time 4h

resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss

@@ -108,3 +108,22 @@ a.active_choice{
 .ui-footer .ui-title, .ui-header .ui-title {
   font-size: 18px;
 }
+
+
+.ui-listview .ui-li-has-thumb .ui-li-thumb, .ui-listview .ui-li-has-thumb>.ui-btn>img:first-child, .ui-listview .ui-li-has-thumb>img:first-child {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+/*user status*/
+.menu-bar-item {
+  background: #000;
+  padding: 12px;
+  text-align: center;
+  a {
+    color: #fff!important;
+    text-decoration: none!important;
+    font-weight: normal;
+  }
+}
+

templates/mobile/common/menubar.html.twig

@@ -0,0 +1,17 @@
+{% set configuration = app['conf'].get(['registry', 'custom-links']) %}
+
+{% if app.getAuthenticator().isAuthenticated() %}
+    <div class="menu-bar-item">
+        {% if app.getAuthenticatedUser().isGuest %}
+            <span class="icomoon icon-agree">&#xe957;</span>
+            <span>{{ 'Guest' | trans }}</span>
+        {% else %}
+            <a target="_blank" href="{{ path('account') }}"
+               title="{{ 'login:: Mon compte' | trans }}">
+                <span class="icomoon icon-agree">&#xe957;</span>
+                <span>{{ app.getAuthenticatedUser().getDisplayName() }}</span>
+            </a>
+        {% endif %}
+    </div>
+{% endif %}
+

templates/mobile/lightbox/basket_element.html.twig

@@ -26,7 +26,7 @@
 
         #content {
             position: fixed;
-            top:50px;
+            top:90px;
             bottom: 0;
             right: 0;
             left: 0;
@@ -40,7 +40,6 @@
 {% block content %}
   {% set record = basket_element.getRecord(app) %}
 
-
     <div data-role="page" id="page">
       <div data-role="header">
           <a href="{{ path('lightbox_validation', { 'basket' : basket_element.getBasket().getId() }) }}"
@@ -49,6 +48,9 @@
           <a rel="external" href="{{ path('lightbox') }}" data-icon="home" data-iconpos="notext" data-direction="reverse"
              class="ui-btn-right jqm-home">{{ 'Home' | trans }}</a>
       </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
+    </div>
     <div id="content" data-role="content">
        <div class="nav_button">
           {% if prevId != NULL %}

templates/mobile/lightbox/feed_element.html.twig

@@ -17,7 +17,7 @@
 
         #content {
             position: fixed;
-            top:50px;
+            top:90px;
             bottom: 0;
             right: 0;
             left: 0;
@@ -35,6 +35,9 @@
     <a href="{{ path('lightbox_feed_entry', { 'entry_id' : feed_element.getEntry().getId() }) }}" data-rel="back" data-icon="arrow-l">Back</a>
     <h1>{{feed_element.getOrd()}} - {{record.get_title()}}</h1>
     <a rel="external" href="{{ path('lightbox') }}" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
+  </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
     </div>
     <div id="content" data-role="content">
     {{ thumbnail.format100percent(record.get_preview()) }}

templates/mobile/lightbox/index.html.twig

@@ -39,6 +39,9 @@
     <div data-role="header">
     <h1>{{module_name}}</h1>
     <a href="#about" class="ui-btn-right">{{ 'a propos' | trans }}</a>
+  </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
     </div>
     <div data-role="content">
     <ul data-role="listview" style="width:100%;margin: 0;">
@@ -64,6 +67,9 @@
     <div data-role="header">
         <a href="#home" data-rel="back" data-icon="arrow-l">{{ 'Back' | trans }}</a>
     <h1>{{ 'a propos' | trans }}</h1>
+  </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
     </div>
     <div data-role="content">
     <p>Phraseanet Version {{ app['phraseanet.version'].getName() }} - {{ app['phraseanet.version'].getNumber() }}</p>
@@ -84,13 +90,16 @@
     <div data-role="header">
         <a rel="external" href="#home" data-icon="arrow-l">{{ 'Back' | trans }}</a>
      <h1>{{ 'Validations' | trans }}</h1>
+  </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
     </div>
     <div data-role="content">
     <p>
       {{ 'Voici vos validations en cours' | trans }}
     </p>
     <ul data-role="listview"  style="width:100%;margin: 0;">
-            {% for basket in baskets_collection %}
+            {% for basket in baskets_collection | sort | reverse%}
               {% if basket.getValidation() %}
                 {% set basket_length = basket.getElements().count() %}
                 <li>
@@ -114,6 +123,9 @@
     <div data-role="header">
         <a rel="external" href="#home" data-icon="arrow-l">{{ 'Back' | trans }}</a>
      <h1>{{ 'Paniers' | trans }}</h1>
+  </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
     </div>
     <div data-role="content">
     <p>

templates/mobile/lightbox/validate.html.twig

@@ -31,6 +31,9 @@
            data-icon="arrow-l">{{ 'Back' | trans }}</a>
     <h1>{{basket.getName()}}</h1>
     <a rel="external" href="{{ path('lightbox') }}" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">{{ 'Home' | trans }}</a>
+  </div>
+    <div class="lightbox-user-info">
+        {% include 'common/menubar.html.twig' %}
     </div>
     <div data-role="content">
     <input type="hidden" id="basket_validation_id" value="{{ basket.getId() }}">