hotline #71669 improve status rendering in connector list

application/modules/admin/views/scripts/bibnum/index.phtml

 <p><?php
-echo $this->_("Bokeh s'interface avec un certain nombre de ressources numériques. Les ressources numérisées sont cataloguées dans le portail et indexées dans l’OPAC comme les notices du SIGB. Ce qui constitue la force et le caractère unique de Bokeh, est sa capacité à proposer une recherche fusionnée par un métamoteur qui interroge simultanément tous les fonds et tous les contenus.");
-?></p>
+   echo $this->_("Bokeh s'interface avec un certain nombre de ressources numériques. Les ressources numérisées sont cataloguées dans le portail et indexées dans l’OPAC comme les notices du SIGB. Ce qui constitue la force et le caractère unique de Bokeh, est sa capacité à proposer une recherche fusionnée par un métamoteur qui interroge simultanément tous les fonds et tous les contenus.");
+   ?></p>
 <p><?php
-echo $this->_("Si vous souhaitez ajouter une ressource à votre portail, il vous faut contractualiser avec le fournisseur de la ressource et demander un devis pour le connecteur à <a href='mailto:cial-bib@afi-sa.fr'>votre commercial</a>.");
-?></p>
+   echo $this->_("Si vous souhaitez ajouter une ressource à votre portail, il vous faut contractualiser avec le fournisseur de la ressource et demander un devis pour le connecteur à <a href='mailto:cial-bib@afi-sa.fr'>votre commercial</a>.");
+   ?></p>
 <?php
 $datas = (new Class_WebService_BibNumerique_Connectors())->getDescription();
 $datas = json_decode(json_encode($datas));
@@ -13,15 +13,15 @@ $datas = json_decode(json_encode($datas));
     <?php
     foreach($datas as $code => $connector) {
       $thumb = $connector->image_url
-        ? $this->tag('img', null, ['src' => $connector->image_url,
-                                   'alt' => $connector->label,
-                                   'style' => 'width:200px;'])
-        : $connector->label;
+             ? $this->tag('img', null, ['src' => $connector->image_url,
+                                        'alt' => $connector->label,
+                                        'style' => 'width:200px;'])
+                                                 : $connector->label;
 
       $thumb = $connector->url
-        ? $this->tag('a', $thumb, ['href' => $connector->url,
-                                   'target' => '_blank'])
-        : $thumb;
+             ? $this->tag('a', $thumb, ['href' => $connector->url,
+                                        'target' => '_blank'])
+                                                  : $thumb;
 
       $key_exists = function($key) use ($connector) {
         return in_array($key, $connector->features);
@@ -44,29 +44,37 @@ $datas = json_decode(json_encode($datas));
                                 ['href' => $connector->sales_contact->url,
                                  'target' => '_blank']);
     ?>
-      <tr data-code="<?php echo strtolower($connector->code) ?>" >
-        <td><?php echo $thumb; ?></td>
-        <td><?php echo $connector->desc; ?>
-          <?php if ($features) { ?>
-            <br/><br/>
-            <?php echo $this->tag('strong', $this->_('Fonctionnalités : ')) . implode(', ', $features);?>
-          <?php } ?>
-          <?php if ($contact) { ?>
-            <br/><br/>
-            <?php echo $this->tag('strong', $this->_('Contact : ')) . implode(', ', $contact);}?>
-            <br/><br/>
-            <?php
-            if ($connector->enabled)
-              echo $this->tag('div', $this->_('Activé'), ['class' => 'enabled',
-                                                          'style' => 'display: inline-block']);
+    <tr data-code="<?php echo strtolower($connector->code) ?>" >
+      <td><?php echo $thumb; ?></td>
+      <td><?php echo $connector->desc; ?>
+        <?php if ($features) { ?>
+          <br/><br/>
+          <?php echo $this->tag('strong', $this->_('Fonctionnalités : ')) . implode(', ', $features);?>
+        <?php } ?>
+        <?php if ($contact) { ?>
+          <br/><br/>
+          <?php echo $this->tag('strong', $this->_('Contact : ')) . implode(', ', $contact);}?>
+          <br/><br/>
+          <?php
+          $label = $this->_('Désactivé');
+          $class = 'digital_connectors_status';
+          if ($connector->enabled) {
+            $label = $this->_('Activé');
+            $class .= ' enabled';
+          }
+          echo $this->button((new Class_Entity)
+                          ->setText($label)
+                          ->setAttribs(['disabled' => 'disabled',
+                                        'onclick' => 'return;',
+                                        'class' => $class]));
 
-            if(isset($connector->dashboard_url))
-              echo $this->button((new Class_Entity)
-                                          ->setUrl($connector->dashboard_url)
-                                          ->setText($this->_('Tableau de bord')));
-            ?>
-        </td>
-      </tr>
-    <?php } ?>
+          if(isset($connector->dashboard_url))
+            echo $this->button((new Class_Entity)
+                          ->setUrl($connector->dashboard_url)
+                          ->setText($this->_('Tableau de bord')));
+          ?>
+      </td>
+    </tr>
+        <?php } ?>
   </tbody>
 </table>

public/admin/skins/bokeh74/global.css

@@ -36,7 +36,7 @@ body {
 }
 
 .redmine_status.redmine_green,
-.modules .digital_connectors div.enabled {
+.modules .digital_connectors .digital_connectors_status.enabled {
     background-color: var(--success-background);
 }
 
@@ -586,10 +586,8 @@ table {
 }
 
 
-.modules .digital_connectors div.enabled {
-    width: 200px;
-    padding: 5px;
-    text-align: center;
+.digital_connectors_status {
+    width: 150px;
 }
 
 .pager {
@@ -1035,5 +1033,4 @@ table#logs img {
 #learn_more button:focus, 
 #learn_more button:hover {
   background-color:var(--bokeh-event-highlight);
-}
-
+}
\ No newline at end of file