fix #813 overflow issue in bridge

fix typo

fix typo

fix_typo

templates/web/prod/actions/Bridge/deactivated.twig

@@ -1,5 +1,5 @@
 
-<div class="PNB10 container">
+<div class="PNB10 container-bridge">
   <div class="PNB" >
     <p style="width:100%;text-align:center;margin-top:30px;padding:10px;font-size:14px;font-weight:900">
         {% set name = api.get_connector().get_name() %}

templates/web/prod/actions/Bridge/disconnected.twig

@@ -1,4 +1,4 @@
-<div class="PNB10 container">
+<div class="PNB10 container-bridge">
     <div class="PNB">
         <p style="text-align:center;margin:40px 20px 20px;">
             {% trans 'Vous etes actuellement deconnecte de votre compte, vous devez vous connecter pour continuer' %}

templates/web/prod/actions/Bridge/element_list.twig

@@ -29,7 +29,7 @@
         </div>
         </td>-->
         {% endif %}
-        <td style="text-align:right;">
+        <td style="text-align:right;padding-right:2%">
             {% set url = '/prod/bridge/adapter/' ~ account.get_id ~ '/' ~ adapter_action ~ '/' ~ action_type ~ '/' %}
             {{pages.paginator(elements.get_total_page(), elements.get_current_page(), url) }}
         </td>
@@ -40,15 +40,15 @@
 {% block response %}
     {%for element in elements.get_elements%}
       <div class="element {{ loop.index is odd ? 'odd' : 'even' }}">
-        <table>
+        <table style="width:100%;">
           <tr>
             <td style="width:20px;">
               <input class="bridge_element_selector" type="checkbox" value="{{element.get_id}}"/>
             </td>
-            <td class="thumbnail">
+            <td style="width:130px";>
               {% if element.get_thumbnail != "" %}
                 <div style="position:relative;">
-                  <img src="{{element.get_thumbnail}}" class="api_thumbnail"/>
+                  <img src="{{element.get_thumbnail}}" class="thumbnail api_thumbnail"/>
                   {% if element.get_duration != "" %}
                   <span class="duration_time">
                     {{element.get_duration}}

templates/web/prod/actions/Bridge/index.twig

@@ -1,7 +1,7 @@
 
 {% import "common/thumbnail.html" as thumb %}
 
-<div class="PNB main_window">
+<div class="PNB" id='dialog_publicator'>
     <div id='publicator_selection' class="PNB10 ui-corner-all">
         <div class="PNB10">
             {% for id, record in route.get_elements %}
@@ -116,14 +116,20 @@ $(function() {
       });
 
       $('.bridge_action', $panel).bind('click', function(){
+        var $this = $(this);
+
         $.ajax({
           type : 'GET',
           url : $(this).attr('href'),
           beforeSend : function(){
-            $('.container', $panel).empty().addClass('loading');
+            var container = $('.container-bridge', $panel);
+            container.empty();
+            if( ! $this.hasClass('bridge_logout')) {
+                container.addClass('loading');
+            }
           },
           success : function(datas){
-            $panel.removeClass('loading').append(datas);
+            $('.container-bridge', $panel).removeClass('loading').append(datas);
             panel_load($panel);
           },
           error:function(){
@@ -216,7 +222,7 @@ $(function() {
       });
 
 
-      $('button.form_multiple_submitter', $panel).bind('click', function(){
+      $('a.form_multiple_submitter', $panel).bind('click', function(){
 
         var $form = $(this).closest('form');
         var elements = $('form[name="bridge_selection"] input[name="elements_list"]', $panel).val();
@@ -269,24 +275,22 @@ $(function() {
         return false;
 
       });
-
-
   }
 
   pub_tabs.tabs({
     load: function(event, ui)
     {
       $panel = $(ui.panel);
-      $('.container', $panel).removeClass('loading');
+      ('.container-bridge', $panel).removeClass('loading');
       panel_load($panel);
     }
-    , panelTemplate : '<div class="PNB"><div class="PNB10 container"></div></div>'
+    , panelTemplate : '<div class="PNB"><div class="PNB10 container-bridge"></div></div>'
     , spinner: '<i>loading...</i>'
     ,select: function(event, ui)
     {
       if($(ui.tab).hasClass('account'))
       {
-        var container = $('.container', ui.panel);
+        var container = $('.container-bridge', ui.panel);
         container.empty();
         $('.container', ui.panel).addClass('loading');
       }

templates/web/prod/actions/Bridge/notconfigured.twig

@@ -1,5 +1,5 @@
 
-<div class="PNB10 container">
+<div class="PNB10 container-bridge">
   <div class="PNB">
     <p style="text-align:center;margin:40px 20px 20px;">
        {% trans 'Le connecteur API requis n\'est pas configure correctement, veuillez contacter un administrateur' %}

templates/web/prod/actions/Bridge/wrapper.twig

@@ -1,77 +1,76 @@
-<div class="PNB10 container">
-    <div class="PNB" >
-        <div class="api_banner PNB">
-            <table style="width:100%; height:20px;">
+<div class="PNB10 container-bridge">
+    <div class="api_banner">
+        <table style="width:100%; height:20px;">
+            <tbody>
+                <tr>
+                    <td>
+                    {% for type, display_name in account.get_api().get_connector().get_element_types() %}
+                        <a class="{% if adapter_action == 'load-elements' and action_type == type %} selected {% endif %} action_type_{{type}} bridge_action bridge_title" href="/prod/bridge/adapter/{{ account.get_id() }}/load-elements/{{ type }}/">
+                            {{ display_name }}
+                        </a>
+                        {% if not loop.last %} - {% endif %}
+                    {% endfor %}
+                        |
+                    {% for type, display_name in account.get_api().get_connector().get_container_types() %}
+                        <a class="{% if adapter_action == 'load-containers' and action_type == type %} selected {% endif %} action_type_{{type}} bridge_action bridge_title" href="/prod/bridge/adapter/{{ account.get_id() }}/load-containers/{{ type }}/">
+                            {{ display_name }}
+                        </a>
+                        {% if not loop.last %} - {% endif %}
+                    {% endfor %}
+                        <a class="{% if adapter_action == 'load-records' %} selected {% endif %} bridge_action bridge_title" href="/prod/bridge/adapter/{{ account.get_id() }}/load-records/">
+                            {% trans 'Fichiers envoyes' %}
+                        </a>
+                    </td>
+                    <td style="text-align:right;">
+                    {% if account %}
+                        <a class="bridge_action bridge_logout" href="/prod/bridge/adapter/{{ account.get_id() }}/logout/">
+                            {% trans 'phraseanet:: deconnection' %}
+                        </a>
+                    {% endif %}
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div class="api_content PNB" style="top:30px;bottom:30px;overflow:auto;background-color:#000;">
+        <div class="blockmenu">
+            <div>
+                {% block menu %}{% endblock %}
+            </div>
+        </div>
+        <div class="blockresponse" style="width:98%">
+            {% if error_message %}
+                <div class="ui-corner-all error_box">{{ error_message }}</div>
+            {% endif %}
+            {% if notice_message %}
+                <div class="ui-corner-all notice_box">{{ notice_message }}</div>
+            {% endif %}
+            {% block response %}{% endblock %}
+        </div>
+    </div>
+
+    <div class="PNB api_infos" style='bottom:0; height:25px;top:auto'>
+        <div >
+            <table style="width:100%; height:25px;">
                 <tbody>
                     <tr>
                         <td>
-                        {% for type, display_name in account.get_api().get_connector().get_element_types() %}
-                            <a class="{% if adapter_action == 'load-elements' and action_type == type %} selected {% endif %} action_type_{{type}} bridge_action bridge_title" href="/prod/bridge/adapter/{{ account.get_id() }}/load-elements/{{ type }}/">
-                                {{ display_name }}
-                            </a>
-                            {% if not loop.last %} - {% endif %}
-                        {% endfor %}
-                            |
-                        {% for type, display_name in account.get_api().get_connector().get_container_types() %}
-                            <a class="{% if adapter_action == 'load-containers' and action_type == type %} selected {% endif %} action_type_{{type}} bridge_action bridge_title" href="/prod/bridge/adapter/{{ account.get_id() }}/load-containers/{{ type }}/">
-                                {{ display_name }}
-                            </a>
-                            {% if not loop.last %} - {% endif %}
-                        {% endfor %}
-                            | 
-                            <a class="{% if adapter_action == 'load-records' %} selected {% endif %} bridge_action bridge_title" href="/prod/bridge/adapter/{{ account.get_id() }}/load-records/">
-                                {% trans 'Fichiers envoyes' %}
-                            </a>
+                            {% if account.get_api().get_connector().get_terms_url() %}
+                                <a href="{{ account.get_api().get_connector().get_terms_url() }}" target="_blank">
+                                    {% trans 'Terms of service' %}
+                                </a>
+                            {% endif %}
                         </td>
                         <td style="text-align:right;">
-                        {% if account %}
-                            <a class="bridge_action" href="/prod/bridge/adapter/{{ account.get_id() }}/logout/">
-                                {% trans 'phraseanet:: deconnection' %}
+                            <a href="{{ account.get_api().get_connector().get_url() }}" target="_blank">
+                                {{ account.get_api().get_connector().get_infos() }}
+                                <img style="height:16px;vertical-align:middle;" src="{{ account.get_api().get_connector().get_icon_url() }}" />
                             </a>
-                        {% endif %}
                         </td>
                     </tr>
                 </tbody>
             </table>
         </div>
-        <div class="api_content PNB">
-            <div class="blockmenu PNB">
-                <div class="PNB10" style="bottom:0; top:0;">
-                    {% block menu %}{% endblock %}
-                </div>
-            </div>
-            <div class="blockresponse PNB">
-                {% if error_message %}
-                    <div class="ui-corner-all error_box">{{ error_message }}</div>
-                {% endif %}
-                {% if notice_message %}
-                    <div class="ui-corner-all notice_box">{{ notice_message }}</div>
-                {% endif %}
-                {% block response %}{% endblock %}
-            </div>
-        </div>
-        <div class="PNB api_infos">
-            <div class="PNB10" style="top:0; bottom:0;">
-                <table style="width:100%; height:25px;">
-                    <tbody>
-                        <tr>
-                            <td>
-                                {% if account.get_api().get_connector().get_terms_url() %}
-                                    <a href="{{ account.get_api().get_connector().get_terms_url() }}" target="_blank">
-                                        {% trans 'Terms of service' %}
-                                    </a>
-                                {% endif %}
-                            </td>
-                            <td style="text-align:right;">
-                                <a href="{{ account.get_api().get_connector().get_url() }}" target="_blank">
-                                    {{ account.get_api().get_connector().get_infos() }}
-                                    <img style="height:16px;vertical-align:middle;" src="{{ account.get_api().get_connector().get_icon_url() }}" />
-                                </a>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
     </div>
 </div>