diff --git a/lizmap/app/themes/default/master_admin/main.tpl b/lizmap/app/themes/default/master_admin/main.tpl
index 5f44939b77..8419d2aa62 100644
--- a/lizmap/app/themes/default/master_admin/main.tpl
+++ b/lizmap/app/themes/default/master_admin/main.tpl
@@ -23,14 +23,14 @@
 
 <div id="content" class="container-fluid">
   <div class="row-fluid">
-    <div id="menu" class="span3">
+    <div id="menu" class="span2">
       <div class="well sidebar-nav">
         <ul class="nav nav-list">
          {$MENU}
         </ul>
       </div>
     </div>
-    <div class="span9">
+    <div class="span10">
       <div class="row-fluid">
         <div id="admin-message">{jmessage_bootstrap}</div>
        {$MAIN}
diff --git a/lizmap/modules/admin/locales/en_US/admin.UTF-8.properties b/lizmap/modules/admin/locales/en_US/admin.UTF-8.properties
index 30c82ea4c6..2e0fe29d12 100644
--- a/lizmap/modules/admin/locales/en_US/admin.UTF-8.properties
+++ b/lizmap/modules/admin/locales/en_US/admin.UTF-8.properties
@@ -283,7 +283,8 @@ server.information.qgis.unknown=QGIS server minimum %s and Lizmap QGIS server pl
 
 
 server.information.error=Before checking your projects, you must check your QGIS server settings in the "Server information" menu. The configuration of QGIS Server is currently not correct.
-project.not.displayed=Some projects, listed below, can not be displayed in the main web interface because they need an update from the GIS administrator. Please read the guidelines about colours under this table.
+project.error.some.projects.not.displayed=Some projects, listed below, can not be displayed in the main web interface because they need an update from the GIS administrator. \
+Please read the guidelines about colours by clicking on the button "%s".
 project.rules.list.introduction=Explanation about colours used in the table above
 project.rules.list.description.html=Given your current Lizmap Web Client version <strong>%s</strong> and QGIS Server version <strong>%s</strong>, there are some rules about the table above :
 project.rules.list.warnings.html=<strong>Warnings</strong>, projects are still visible, but you should have a look to these projects :
@@ -303,6 +304,7 @@ project.rules.list.blocking.description=Some projects are not visible anymore wi
 project.rules.list.blocking.target.html=The project is designed for Lizmap Web Client version equal or less than <strong>%s</strong>.
 project.list.column.repository.label=Repository
 project.list.column.project.label=Project
+project.list.column.inspection.file.time.label=Inspection time
 project.list.column.project.abstract.label=Abstract
 project.list.column.project.has.log.label=QGIS Server logs
 project.list.column.project.qgis.log.label=QGIS Server logs
@@ -337,6 +339,7 @@ project.list.column.invalid.layers.count.label=Invalid layers
 project.list.column.invalid.layers.list.label=List of invalid layers
 project.list.column.invalid.layers.count.error.label=Some layers cannot be read by QGIS. Please check that the server can access the layer data. \n* For file based layers, the path must be accessible.\n* For PostgreSQL layers, the Lizmap server must be able to connect to the database server.
 project.list.column.layout.count.label=Layouts
-
-menu.lizmap.project.sidebar.title.label=Project details
-menu.lizmap.project.image.label=Image
+project.list.column.show.line.hidden.columns=Show/Hide the hidden columns
+project.modal.title=Table legend
+project.modal.button.close=Close
+project.list.no.hidden.column.content=No extra content for this project in the following hidden table columns
diff --git a/lizmap/modules/admin/templates/project_list.tpl b/lizmap/modules/admin/templates/project_list.tpl
index 9bb5ecdf7a..09858ee751 100644
--- a/lizmap/modules/admin/templates/project_list.tpl
+++ b/lizmap/modules/admin/templates/project_list.tpl
@@ -6,23 +6,6 @@
     <div id="lizmap_project_list">
         {$projectList}
     </div>
-    <div id="lizmap_project_list_sidebar">
-        <h4>{@admin.menu.lizmap.project.sidebar.title.label@}</h4>
-        <div id="lizmap_project_list_sidebar_content">
-            <dl>
-                <dt id="dd_image_label">{@admin.menu.lizmap.project.image.label@}</dt>
-                <dd id="dd_image_value"></dd>
-                <dt id="dd_title_label">{@admin.project.list.column.project.label@}</dt>
-                <dd id="dd_title_value"></dd>
-                <dt id="dd_abstract_label">{@admin.project.list.column.project.abstract.label@}</dt>
-                <dd id="dd_abstract_value"></dd>
-                <dt id="dd_invalid_layers_label">{@admin.project.list.column.invalid.layers.list.label@}</dt>
-                <dd id="dd_invalid_layers_value"></dd>
-                <dt id="dd_qgis_logs_label">{@admin.project.list.column.project.qgis.log.label@}</dt>
-                <dd id="dd_qgis_logs_value"></dd>
-            </dl>
-        </div>
-    </div>
 </div>
 
 {/ifacl2}
diff --git a/lizmap/modules/admin/templates/project_list_help.tpl b/lizmap/modules/admin/templates/project_list_help.tpl
new file mode 100644
index 0000000000..f9aacfa20c
--- /dev/null
+++ b/lizmap/modules/admin/templates/project_list_help.tpl
@@ -0,0 +1,71 @@
+<div id="lizmap_project_list_help" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h3>{@admin.project.modal.title@}</h3>
+    </div>
+    <div class="modal-body">
+        <p>
+            {jlocale "admin.project.rules.list.description.html", array($lizmapVersion,
+            ($serverVersions['qgis_server_version_human_readable']))}
+        </p>
+
+        <ul>
+            <li>{@admin.project.rules.list.blocking.html@}</li>
+            <ul class="rules">
+                <li class="blocker">{jlocale "admin.project.rules.list.blocking.target.html",
+                    array($minimumLizmapTargetVersionRequired - 0.1)}</li>
+            </ul>
+
+            <li>{@admin.project.rules.list.warnings.html@}</li>
+            <ul>
+                <li>{@admin.project.list.column.qgis.desktop.version.label@}</li>
+                <ul class="rules">
+                    <li class="warning">{jlocale "admin.project.rules.list.qgis.version.warning.html",
+                        array($serverVersions['qgis_server_version_old'])}</li>
+                    <li class="error">{jlocale "admin.project.rules.list.qgis.version.error.html", array(
+                        $serverVersions['qgis_server_version_next'])}</li>
+                </ul>
+                <li>{@admin.project.list.column.target.lizmap.version.label.longer@}</li>
+                <ul class="rules">
+                    <li class="warning">{jlocale "admin.project.rules.list.target.version.html",
+                        array($minimumLizmapTargetVersionRequired)}</li>
+                </ul>
+                <li>{@admin.project.list.column.layers.count.label.longer@}</li>
+                <ul class="rules">
+                    <li class="warning">{jlocale "admin.project.rules.list.important.count.layers.html",
+                        array($warningLayerCount)}</li>
+                    <li class="error">{jlocale "admin.project.rules.list.very.important.count.layers.html",
+                        array(($errorLayerCount))}</li>
+                </ul>
+                <li>{@admin.project.list.column.crs.label@}</li>
+                <ul class="rules">
+                    <li class="warning">{@admin.project.rules.list.custom.projection@}</li>
+                </ul>
+
+                {if $hasInspectionData}
+                <li>{@admin.project.list.column.invalid.layers.count.label@}</li>
+                <ul class="rules">
+                    <li class="warning">{@admin.project.rules.list.invalid.datasource.html@}</li>
+                </ul>
+                <li>{@admin.project.list.column.loading.time.label.alt@}</li>
+                <ul class="rules">
+                    <li class="warning">{jlocale "admin.project.rules.list.warning.loading.html",
+                        array($warningLoadingTime)}</li>
+                    <li class="error">{jlocale "admin.project.rules.list.error.loading.html", array($errorLoadingTime)}
+                    </li>
+                </ul>
+                <li>{@admin.project.list.column.memory.usage.label.alt@}</li>
+                <ul class="rules">
+                    <li class="warning">{jlocale "admin.project.rules.list.warning.memory.html", array($warningMemory)}
+                    </li>
+                    <li class="error">{jlocale "admin.project.rules.list.error.memory.html", array($errorMemory)}</li>
+                </ul>
+                {/if}
+
+            </ul>
+        </ul>
+    </div>
+    <div class="modal-footer">
+        <button class="btn" data-dismiss="modal" aria-hidden="true">{@admin.project.modal.button.close@}</button>
+    </div>
+</div>
diff --git a/lizmap/modules/admin/templates/project_list_zone.tpl b/lizmap/modules/admin/templates/project_list_zone.tpl
index af296c8901..0f503e3fd2 100644
--- a/lizmap/modules/admin/templates/project_list_zone.tpl
+++ b/lizmap/modules/admin/templates/project_list_zone.tpl
@@ -1,7 +1,10 @@
 
 {meta_html css $basePath.'assets/css/dataTables.bootstrap.min.css'}
+{meta_html css $basePath.'assets/css/responsive.dataTables.min.css'}
 {meta_html js $basePath.'assets/js/jquery.dataTables.min.js'}
+{meta_html js $basePath.'assets/js/dataTables.responsive.min.js'}
 {meta_html js $basePath.'assets/js/admin/activate_datatable.js'}
+
 {assign $tableClass=''}
 {if $hasInspectionData}
     {assign $tableClass='has_inspection_data'}
@@ -15,35 +18,43 @@
 </div>
 {/if}
 
-{if $hasSomeProjectsNotDisplayed}
-<div>
-    {@admin.project.not.displayed@}
-</div>
-{/if}
 
+<!-- Help button about the colours used in the table -->
+<a href="#lizmap_project_list_help" role="button" class="btn pull-right" data-toggle="modal">{@admin.project.modal.title@}</a>
+<!-- The modal div code is at the bottom of this file -->
+
+<!-- Sentence displayed when the user clicks on a line of the projects table
+to view the hidden columns data and when there is no data for these columns -->
+<span id="lizmap_project_list_no_data_label" style="display: none;">{@admin.project.list.no.hidden.column.content@}</span>
+
+<!-- The table contains the projects data. Datatables is used to improve the UX -->
 <table class="lizmap_project_list table table-condensed table-bordered {$tableClass}" style="width:100%">
     <thead>
         <tr>
+            <th></th>
             <th>{@admin.project.list.column.repository.label@}</th>
             <th>{@admin.project.list.column.project.label@}</th>
-            <th>{@admin.project.list.column.project.abstract.label@}</th>
-            <th>{@admin.menu.lizmap.project.image.label@}</th>
             <th>{@admin.project.list.column.layers.count.label@}</th>
             {if $hasInspectionData}
                 <th>{@admin.project.list.column.invalid.layers.count.label@}</th>
-                <th>{@admin.project.list.column.invalid.layers.list.label@}</th>
                 <th>{@admin.project.list.column.project.has.log.label@}</th>
-                <th>{@admin.project.list.column.project.qgis.log.label@}</th>
                 <th>{@admin.project.list.column.loading.time.label@}</th>
                 <th>{@admin.project.list.column.memory.usage.label@}</th>
             {/if}
             <th>{@admin.project.list.column.qgis.desktop.version.label@}</th>
-            <th class='lzmplugv'>{@admin.project.list.column.lizmap.plugin.version.label@}</th>
             <th>{@admin.project.list.column.target.lizmap.version.label@}</th>
-            <th>{@admin.project.list.column.authorized.groups.label@}</th>
+            <!-- <th class='lizmap_plugin_version'>{@admin.project.list.column.lizmap.plugin.version.label@}</th> -->
             <th>{@admin.project.list.column.hidden.project.label@}</th>
+            <th>{@admin.project.list.column.authorized.groups.label@}</th>
             <th>{@admin.project.list.column.project.file.time.label@}</th>
+            {if $hasInspectionData}
+                <th>{@admin.project.list.column.inspection.file.time.label@}</th>
+            {/if}
             <th>{@admin.project.list.column.crs.label@}</th>
+            {if $hasInspectionData}
+                <th>{@admin.project.list.column.invalid.layers.list.label@}</th>
+                <th>{@admin.project.list.column.project.qgis.log.label@}</th>
+            {/if}
 
         </tr>
     </thead>
@@ -51,7 +62,6 @@
     <tbody>
 
     <!-- colors for warnings and errors -->
-    {assign $colors = array('warning'=>'lightyellow', 'error'=>'lightcoral', 'blocker'=>'red')}
     {assign $warningLayerCount = 100}
     {assign $errorLayerCount = 200}
     {assign $warningLoadingTime = 30.0}
@@ -63,144 +73,124 @@
     {if $mi->type == 'rep'}
         {foreach $mi->childItems as $p}
         <tr>
+            <!-- Empty first column to use with the responsive (contains the triangle to open line details) -->
+            <td title="{@admin.project.list.column.show.line.hidden.columns@}">
+            </td>
+
             <!-- repository -->
-            <td title="{$mi->title|strip_tags|eschtml:ENT_QUOTES}">
+            <td title="{if !empty($mi->title)}{$mi->title|strip_tags|eschtml}{/if}">
                 {$mi->id}
             </td>
 
             <!-- project - KEEP the line break after the title to improve the tooltip readability-->
-            <td title="{$p['title']|strip_tags|eschtml:ENT_QUOTES}
-{$p['abstract']|strip_tags|eschtml:ENT_QUOTES|truncate:150}">
+            <td title="{if !empty($p['title'])}{$p['title']|strip_tags|eschtml}{/if}
+{if !empty($p['abstract'])}{$p['abstract']|strip_tags|eschtml|truncate:150}{/if}">
                 <a target="_blank" href="{$p['url']}">{$p['id']}</a>
             </td>
 
-            <!-- Hidden QGIS project abstract -->
-            <td>{$p['abstract']|strip_tags|eschtml:ENT_QUOTES}</td>
-
-            <!-- Hidden QGIS project image -->
-            <td>{$p['image']}</td>
-
             <!-- Layer count -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if $p['layer_count'] > $warningLayerCount}
-                {assign $style = 'background-color: '.$colors['warning'].';'}
+                {assign $class = 'liz-warning'}
                 {assign $title = @admin.project.list.column.layers.count.warning.label@}
             {/if}
             {if $p['layer_count'] > $errorLayerCount}
-                {assign $style = 'background-color: '.$colors['error'].';'}
+                {assign $class = 'liz-error'}
                 {assign $title = @admin.project.list.column.layers.count.error.label@}
             {/if}
-            <td title="{$title}" style="{$style}">
+            <td title="{$title}" class="{$class}">
                 {$p['layer_count']}
             </td>
 
         {if $hasInspectionData}
 
             <!-- Invalid layers count -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if $p['invalid_layers_count'] > 0}
-                {assign $style = 'background-color: '.$colors['error'].';'}
+                {assign $class = 'liz-error'}
                 {assign $title = @admin.project.list.column.invalid.layers.count.error.label@}
             {/if}
-            <td title="{$title}" style="{$style}">
+            <td title="{$title}" class="{$class}">
                 {$p['invalid_layers_count']}
             </td>
 
-            <!-- Hidden invalid layers list -->
-            {if $p['invalid_layers_count'] > 0}
-            <td>
-                <ul>
-                {foreach $p['invalid_layers'] as $id=>$properties}
-                    <li style="cursor: help;" title="{$properties['source']|strip_tags|escxml:ENT_QUOTES}">
-                        {$properties['name']}
-                    </li>
-                {/foreach}
-                </ul>
-            </td>
-            {else}
-            <td></td>
-            {/if}
-
-
             <!-- A QGIS log exists -->
-            <td>{if !empty(trim($p['qgis_log']))}🔴{/if}</td>
-
-            <!-- Hidden QGIS logs -->
-            <td>{$p['qgis_log']|strip_tags|eschtml:ENT_QUOTES|nl2br}</td>
+            <td>{if !empty($p['qgis_log']) && !empty(trim($p['qgis_log']))}🔴{/if}</td>
 
             <!-- loading time -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if $p['loading_time'] > $warningLoadingTime}
-                {assign $style = 'background-color: '.$colors['warning'].';'}
+                {assign $class = 'liz-warning'}
                 {assign $title = @admin.project.list.column.loading.time.warning.label@}
             {/if}
             {if $p['loading_time'] > $errorLoadingTime}
-                {assign $style = 'background-color: '.$colors['error'].';'}
+                {assign $class = 'liz-error'}
                 {assign $title = @admin.project.list.column.loading.time.error.label@}
             {/if}
-            <td title="{$title}" style="{$style}">
+            <td title="{$title}" class="{$class}">
+                {if !empty($p['loading_time'])}
                 {$p['loading_time']|number_format:2:'.':' '}
+                {/if}
             </td>
 
             <!-- Memory usage -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if $p['memory_usage'] > $warningMemory }
-                {assign $style = 'background-color: '.$colors['warning'].';'}
+                {assign $class = 'liz-warning'}
                 {assign $title = @admin.project.list.column.memory.usage.warning.label@}
             {/if}
             {if $p['memory_usage'] > $errorMemory }
-                {assign $style = 'background-color: '.$colors['error'].';'}
+                {assign $class = 'liz-error'}
                 {assign $title = @admin.project.list.column.memory.usage.error.label@}
             {/if}
-            <td title="{$title}" style="{$style}">
+            <td title="{$title}" class="{$class}">
+                {if !empty($p['memory_usage'])}
                 {$p['memory_usage']|number_format:2:'.':' '}
+                {/if}
             </td>
 
         {/if}
 
             <!-- QGIS project version -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if $serverVersions['qgis_server_version_int'] && $serverVersions['qgis_server_version_int'] - $p['qgis_version_int'] > $oldQgisVersionDiff }
-                {assign $style = 'background-color: '.$colors['warning'].';'}
+                {assign $class = 'liz-warning'}
                 {assign $title = @admin.project.list.column.qgis.desktop.version.too.old@.' ('.@admin.form.admin_services.qgisServerVersion.label@.': '.$serverVersions['qgis_server_version'].')'}
             {/if}
             {if $serverVersions['qgis_server_version_int'] && $p['qgis_version_int'] > $serverVersions['qgis_server_version_int']}
-                {assign $style = 'background-color: '.$colors['error'].';'}
+                {assign $class = 'liz-error'}
                 {assign $title = @admin.project.list.column.qgis.desktop.version.above.server@ .' ('.$serverVersions['qgis_server_version'].')'}
             {/if}
-            <td title="{$title}" style="{$style}">
+            <td title="{$title}" class="{$class}">
                 {$p['qgis_version']}
             </td>
 
-            <!-- Version of Lizmap plugin for QGIS Desktop -->
-            <td>
-                {$p['lizmap_plugin_version']}
-            </td>
-
             <!-- Target version of Lizmap Web Client -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if $p['needs_update_error']}
-                {assign $style = 'background-color: '.$colors['blocker'].';'}
+                {assign $class = 'liz-blocker'}
                 {assign $title = @admin.project.list.column.update.in.qgis.desktop@}
             {/if}
             {if $p['needs_update_warning']}
-                {assign $style = 'background-color: '.$colors['warning'].';'}
+                {assign $class = 'liz-warning'}
                 {assign $title = @admin.project.list.column.update.soon.in.qgis.desktop@}
             {/if}
-            <td title="{$title}" style="{$style}">
+            <td title="{$title}" class="{$class}">
                 {$p['lizmap_web_client_target_version_display']}
             </td>
 
-            <!-- Authorized groups -->
-            <td>
-                {$p['acl_groups']|strip_tags|eschtml:ENT_QUOTES}
-            </td>
+
+            <!-- Version of Lizmap plugin for QGIS Desktop -->
+            <!-- <td>
+                {$p['lizmap_plugin_version']}
+            </td> -->
+
 
             <!-- Project hidden -->
             <td>
@@ -211,21 +201,65 @@
                 {/if}
             </td>
 
+            <!-- Authorized groups -->
+            <td>
+                {if !empty($p['acl_groups'])}
+                {$p['acl_groups']|strip_tags|eschtml}
+                {/if}
+            </td>
+
             <!-- File time -->
             <td>
                 {$p['file_time']|jdatetime:'timestamp':'Y-m-d H:i:s'}
             </td>
 
+            {if $hasInspectionData}
+                <!-- Inspection file time -->
+                <td>
+                    {if !empty($p['inspection_timestamp'])}
+                    {$p['inspection_timestamp']|jdatetime:'timestamp':'Y-m-d H:i:s'}
+                    {/if}
+                </td>
+            {/if}
+
             <!-- Projection -->
-            {assign $style = ''}
+            {assign $class = ''}
             {assign $title = ''}
             {if substr($p['projection'], 0, 4) == 'USER'}
-                {assign $style = 'background-color: '.$colors['warning'].';'}
+                {assign $class = 'liz-warning'}
                 {assign $title = @admin.project.list.column.crs.user.warning.label@}
             {/if}
-            <td title="{$title}" style="{$style}">
-                {$p['projection']|strip_tags|eschtml:ENT_QUOTES}
+            <td title="{$title}" class="{$class}">
+                {if !empty($p['projection'])}
+                {$p['projection']|strip_tags|eschtml}
+                {/if}
+            </td>
+
+        {if $hasInspectionData}
+            <!-- List of invalid layers -->
+            {if $p['invalid_layers_count'] > 0}
+            <td>
+                <ul>
+                {foreach $p['invalid_layers'] as $id=>$properties}
+                    <li style="cursor: help;" title="{$properties['source']|strip_tags|escxml}">
+                        {$properties['name']}
+                    </li>
+                {/foreach}
+                </ul>
+            </td>
+            {else}
+            <td></td>
+            {/if}
+
+            <!-- QGIS logs -->
+            <td class="lizmap-project-qgis-log">
+                {if !empty($p['qgis_log'])}
+                <pre>
+                {$p['qgis_log']|strip_tags|eschtml|nl2br}
+                </pre>
+                {/if}
             </td>
+        {/if}
 
         </tr>
         {/foreach}
@@ -234,79 +268,6 @@
     </tbody>
 </table>
 
-<div>
-    <br>
-    <strong>{@admin.project.rules.list.introduction@}</strong>
-    <p>
-        {jlocale "admin.project.rules.list.description.html", array($lizmapVersion, ($serverVersions['qgis_server_version_human_readable']))}
-    </p>
-    <style type="text/css" scoped>
-        {literal}
-        ul > .rules {
-            list-style: none;
-        }
-        ul > .rules li::before {
-          content: '■';
-          font-weight: bold;
-          display: inline-block;
-          width: 1em;
-          margin-left: -1em;
-          font-size: 2.5em;
-        }
-        .warning::before {
-            color: {/literal}{$colors['warning']};{literal}
-        }
-        .error::before {
-            color: {/literal}{$colors['error']};{literal}
-        }
-        .blocker::before {
-            color: {/literal}{$colors['blocker']};{literal}
-        }
-        {/literal}
-    </style>
-    <ul>
-        <li>{@admin.project.rules.list.warnings.html@}</li>
-        <ul>
-            <li>{@admin.project.list.column.qgis.desktop.version.label@}</li>
-            <ul class="rules">
-                <li class="warning">{jlocale "admin.project.rules.list.qgis.version.warning.html", array($serverVersions['qgis_server_version_old'])}</li>
-                <li class="error">{jlocale "admin.project.rules.list.qgis.version.error.html", array( $serverVersions['qgis_server_version_next'])}</li>
-            </ul>
-            <li>{@admin.project.list.column.target.lizmap.version.label.longer@}</li>
-            <ul class="rules">
-                <li class="warning">{jlocale "admin.project.rules.list.target.version.html", array($minimumLizmapTargetVersionRequired)}</li>
-            </ul>
-            <li>{@admin.project.list.column.layers.count.label.longer@}</li>
-            <ul class="rules">
-                <li class="warning">{jlocale "admin.project.rules.list.important.count.layers.html", array($warningLayerCount)}</li>
-                <li class="error">{jlocale "admin.project.rules.list.very.important.count.layers.html", array(($errorLayerCount))}</li>
-            </ul>
-            <li>{@admin.project.list.column.crs.label@}</li>
-            <ul class="rules">
-                <li class="warning">{@admin.project.rules.list.custom.projection@}</li>
-            </ul>
 
-            {if $hasInspectionData}
-            <li>{@admin.project.list.column.invalid.layers.count.label@}</li>
-            <ul class="rules">
-                <li class="warning">{@admin.project.rules.list.invalid.datasource.html@}</li>
-            </ul>
-            <li>{@admin.project.list.column.loading.time.label.alt@}</li>
-            <ul class="rules">
-                <li class="warning">{jlocale "admin.project.rules.list.warning.loading.html", array($warningLoadingTime)}</li>
-                <li class="error">{jlocale "admin.project.rules.list.error.loading.html", array($errorLoadingTime)}</li>
-            </ul>
-            <li>{@admin.project.list.column.memory.usage.label.alt@}</li>
-            <ul class="rules">
-                <li class="warning">{jlocale "admin.project.rules.list.warning.memory.html", array($warningMemory)}</li>
-                <li class="error">{jlocale "admin.project.rules.list.error.memory.html", array($errorMemory)}</li>
-            </ul>
-            {/if}
-
-        </ul>
-        <li>{@admin.project.rules.list.blocking.html@}</li>
-        <ul class="rules">
-            <li class="blocker">{jlocale "admin.project.rules.list.blocking.target.html", array($minimumLizmapTargetVersionRequired - 0.1)}</li>
-        </ul>
-    </ul>
-</div>
+<!-- Help guide -->
+{include 'admin~project_list_help'}
diff --git a/lizmap/modules/admin/zones/project_list.zone.php b/lizmap/modules/admin/zones/project_list.zone.php
index 656e547369..85268b0bf4 100644
--- a/lizmap/modules/admin/zones/project_list.zone.php
+++ b/lizmap/modules/admin/zones/project_list.zone.php
@@ -72,7 +72,17 @@ protected function _prepareTpl()
         $this->_tpl->assign('mapItems', $maps);
         $this->_tpl->assign('hasInspectionData', $hasInspectionData);
         $this->_tpl->assign('minimumLizmapTargetVersionRequired', $humanLizmapTargetVersion);
-        $this->_tpl->assign('hasSomeProjectsNotDisplayed', $hasSomeProjectsNotDisplayed);
+
+        // Add an warning message when some projects cannot be displayed in LWC
+        if ($hasSomeProjectsNotDisplayed) {
+            \jMessage::add(
+                jLocale::get(
+                    'admin~admin.project.error.some.projects.not.displayed',
+                    array(jLocale::get('admin~admin.project.modal.title'))
+                ),
+                'warning'
+            );
+        }
 
         // Get the server metadata
         $server = new \Lizmap\Server\Server();
@@ -150,10 +160,6 @@ private function getProjectListItem($inspectionDirectoryPath, $projectMetadata)
                 'view~map:index',
                 array('repository' => $projectMetadata->getRepository(), 'project' => $projectMetadata->getId())
             ),
-            'image' => jUrl::get(
-                'view~media:illustration',
-                array('repository' => $projectMetadata->getRepository(), 'project' => $projectMetadata->getId())
-            ),
             'lizmap_web_client_target_version' => $projectMetadata->getLizmapWebClientTargetVersion(),
             // convert int to string orderable
             'lizmap_plugin_version' => $this->pluginIntVersionToSortableString($projectMetadata->getLizmapPluginVersion()),
@@ -215,6 +221,7 @@ private function getProjectInspection($inspectionDirectoryPath, $projectRelative
     {
         // Default empty values
         $inspectionData = array(
+            'inspection_timestamp' => null,
             'has_inspection_data' => false,
             'loading_time' => 0,
             'memory_usage' => null,
@@ -251,8 +258,10 @@ private function getProjectInspection($inspectionDirectoryPath, $projectRelative
             return $inspectionData;
         }
 
-        // Add the information
+        // Add inspection data
         $inspectionData['has_inspection_data'] = true;
+
+        $inspectionData['inspection_timestamp'] = filemtime($jsonPath);
         if (property_exists($inspection, 'loading_infos')) {
             $inspectionData['loading_time'] = $inspection->loading_infos->loading_time_ms / 1000;
             $inspectionData['memory_usage'] = $inspection->loading_infos->memory_footprint / 1024 / 2024;
diff --git a/lizmap/www/assets/css/admin.css b/lizmap/www/assets/css/admin.css
index dd9942dd86..6ee4c7b7b2 100644
--- a/lizmap/www/assets/css/admin.css
+++ b/lizmap/www/assets/css/admin.css
@@ -89,65 +89,120 @@ fieldset {
     }
 }
 
-/* Admin QGIS project lists */
+
+/*
+======
+Admin QGIS project lists
+======
+*/
 div#lizmap_project_list_container {
-    display: flex;
-    flex-wrap: wrap;
     height: 80%;
     width: 100%;
     margin: auto;
+
+    /* Colors */
+    --warning-bg-color: lightyellow;
+    --error-bg-color: lightcoral;
+    --blocker-bg-color: red;
+    --highlighted-line-bg-color: #0088cc;
  }
 
 #lizmap_project_list {
-    flex-basis: 0;
-    flex-grow: 999;
     min-inline-size: 60%;
     border: 1px solid lightgray;
     padding: 5px;
 }
-#lizmap_project_list_sidebar {
+div.lizmap_project_list_details {
     background-color: lightgray;
     padding: 5px;
-    flex-basis: 30%;
-    flex-grow: 1;
-}
-#lizmap_project_list_sidebar.collapsed {
-    display: none;
 }
+
+/* Cursor pointer only if the table has hidden columns (responsive datatable extension) */
 table.lizmap_project_list tr {
+    cursor: default;
+}
+table.lizmap_project_list tr.has_hidden_columns {
     cursor: pointer;
 }
-table.lizmap_project_list tr.selected {
-    background-color: lightskyblue;
+
+/* hovered line  */
+/* Blue left border when hovering a line */
+table.lizmap_project_list tr td:first-child {
+    border-left: 3px solid transparent;
+}
+table.lizmap_project_list tr:not(.child):hover td:first-child
+{
+    border-left: 3px solid var(--highlighted-line-bg-color);
+}
+
+table.lizmap_project_list tr .liz-warning{
+    background-color: var(--warning-bg-color);
+}
+table.lizmap_project_list tr .liz-error{
+    background-color: var(--error-bg-color);
 }
-table.lizmap_project_list tr.active a,
-table.lizmap_project_list tr.active a:hover,
-table.lizmap_project_list tr.selected a,
-table.lizmap_project_list tr.selected a:hover{
-  color: white;
-  text-decoration: underline dotted;
+table.lizmap_project_list tr .liz-blocker{
+    background-color: var(--blocker-bg-color);
 }
 
-#lizmap_project_list_sidebar dt {
+/* When the width of the window is not big enough, some columns are hidden
+by the responsive extension of datatable.
+Style the div which will contain the details */
+div.lizmap_project_list_details dt {
     margin-top: 5px;
 }
-#lizmap_project_list_sidebar dd {
+div.lizmap_project_list_details dd {
     padding: 5px;
     max-height: 250px;
     overflow: auto;
     background-color: #efefef;
 }
-dd#dd_image_value {
-    background-color: transparent;
-}
-dd#dd_image_value img {
-    height: 150px;
+table.lizmap_project_list tr dd.lizmap-project-qgis-log pre {
+    font-size: 0.9em;
+    line-height: 10px;
 }
-dd#dd_qgis_logs_value {
+table.lizmap_project_list tr td.lizmap-project-qgis-log pre {
     font-size: 0.8em;
-    line-height: 15px;
+    line-height: 10px;
+    max-height: 80px;
+    max-width: 300px;
+    overflow: auto;
+}
+/* End of project list page */
+
+/* Project list help with colours and legend */
+#lizmap_project_list_help div.modal-body {
+    background-color: rgb(239, 239, 239);
+}
+#lizmap_project_list_help ul ul li {
+    font-weight: bold;
+}
+#lizmap_project_list_help ul ul ul.rules li {
+    font-weight: normal;
+}
+#lizmap_project_list_help ul > .rules {
+    list-style: none;
+}
+#lizmap_project_list_help ul > .rules li::before {
+  content: '■';
+  font-weight: bold;
+  display: inline-block;
+  width: 1em;
+  margin-left: -1em;
+  font-size: 2.5em;
+}
+#lizmap_project_list_help .warning::before {
+    color: var(--warning-bg-color);
 }
+#lizmap_project_list_help .error::before {
+    color: var(--error-bg-color);
+}
+#lizmap_project_list_help .blocker::before {
+    color: var(--blocker-bg-color);
+}
+
 
+/* List of users and groups */
 .jacl2-list.jacl2-list-sticky-heads thead,
 .jacl2-list-user.jacl2-list-sticky-heads thead
 {
diff --git a/lizmap/www/assets/css/responsive.dataTables.min.css b/lizmap/www/assets/css/responsive.dataTables.min.css
new file mode 100644
index 0000000000..88adaea8c6
--- /dev/null
+++ b/lizmap/www/assets/css/responsive.dataTables.min.css
@@ -0,0 +1 @@
+table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{margin-right:.5em;display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right::before{content:"◄"}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"▼"}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:.333em}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>td.control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.control.arrow-right::before{content:"◄"}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"▼"}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{padding-bottom:0;border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:fit-content;max-height:75%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:2.5em}div.dtr-modal div.dtr-modal-content h2{margin-top:0}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}html.dark table.dataTable>tbody>tr>td.dtr-control:before{color:rgba(255, 255, 255, 0.5) !important}html.dark table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:rgb(64, 67, 70)}html.dark div.dtr-modal div.dtr-modal-display{background-color:rgb(33, 37, 41);border:1px solid rgba(255, 255, 255, 0.15)}
diff --git a/lizmap/www/assets/js/admin/activate_datatable.js b/lizmap/www/assets/js/admin/activate_datatable.js
index c3593b4cde..3a112c3a85 100644
--- a/lizmap/www/assets/js/admin/activate_datatable.js
+++ b/lizmap/www/assets/js/admin/activate_datatable.js
@@ -3,34 +3,37 @@ $(document).ready(function () {
 
     // Activate datatable for the project list table
     if ($('table.lizmap_project_list').length) {
+        let has_inspection_data = false;
+        if ($('table.lizmap_project_list').hasClass('has_inspection_data')) {
+            has_inspection_data = true;
+        }
 
-        // Activate the datatable functionality
-        // for the projet list table
+        // Configure the rendering of some columns
         var columnDefs = [
+            // Change lizmap plugin version display
             {
-                "targets": [2, 3],
-                "visible": false,
-                "searchable": false
-            },{
-                "targets": 'lzmplugv',
-                "render": function ( data, type, row, meta ) {
+                "targets": 'lizmap_plugin_version',
+                "render": function (data, type, row, meta) {
                     if (type == 'display') {
-                        return data.replace(/\.0/g,'.').replace(/^0/,'');
+                        return data.replace(/\.0/g, '.').replace(/^0/, '');
                     }
                     return data;
                 }
             }
         ];
-        if ($('table.lizmap_project_list').hasClass('has_inspection_data')) {
+        if (has_inspection_data) {
+            // Hide some columns but keep them to keep the data accessible
             columnDefs.push(
                 {
-                    "targets": [6, 8],
+                    // "targets": [columnIndexes['invalid_layers_list'], columnIndexes['qgis_log']],
+                    "targets": [],
                     "visible": false,
                     "searchable": false
                 }
             );
         }
 
+        // Activate datatable on the project list table
         var project_table = $('table.lizmap_project_list').DataTable({
             "paging": false,
             'autoWidth': true,
@@ -38,78 +41,99 @@ $(document).ready(function () {
             'scrollY': '65vh',
             'scrollCollapse': true,
             "info": true,
-            "columnDefs": columnDefs
-        });
-
-        /**
-         * Display the project detail in the right sidebar
-         *
-         * @param {Array} data The project data
-         * @param {Boolean} has_inspection_data If the project has inspection data
-         */
-        function displayProjectDetail(data, has_inspection_data) {
-            // Project title
-            let title = data[1] ? data[1] : null;
-            $('#dd_title_value').html(title);
-
-            // Project abstract
-            let abstract = data[2] ? data[2] : null;
-            $('#dd_abstract_value').html(abstract);
-
-            // Project image
-            $('#dd_image_value').html(
-                '<img src="' + data[3] + '"/>'
-            );
-
-            // Invalid layers
-            var invalid_layers = null;
-            if (has_inspection_data) {
-                invalid_layers = data[6] ? data[6] : null;
+            "columnDefs": columnDefs,
+            // Configure the responsive tool with a full customized display
+            responsive: {
+                details: {
+                    type: 'column',
+                    target: 'tr',
+                    renderer: function (api, rowIdx, columns) {
+                        let html = '';
+                        let hiddenColumns = [];
+                        let childrenContent = columns.map((col, i) => {
+                            // Find the original table column
+                            let colHtml = `
+                                <dt id="dd_${col.columnIndex}_label">${col.title}</dt>
+                            `;
+                            let originalTd = project_table.cell(rowIdx, col.columnIndex).node();
+
+                            // Get the used class and title
+                            let originalTdClass = originalTd.getAttribute('class');
+                            let colClass = (originalTdClass !== null) ? originalTdClass : '';
+                            let originalTdTitle = originalTd.getAttribute('title');
+                            let colTitle = (originalTdTitle !== null) ? originalTdTitle : '';
+
+                            // Create the dd for the given column
+                            let colData = (col.data) ? col.data : '-';
+                            colHtml += `
+                                <dd id="dd_${col.columnIndex}_value" class="${colClass}" title="${colTitle}">${colData}</dd>
+                            `;
+
+                            if (col.hidden) hiddenColumns.push(col.title);
+
+                            // Return the column hidden by datatable responsive extension
+                            return (col.hidden && col.data) ? colHtml : '';
+
+                        }).join('');
+
+                        // Display a full block only if there is some data to display
+                        // Else display a sentence
+                        if (childrenContent) {
+                            html = `
+                            <dl>
+                            ${childrenContent}
+                            </dl>
+                            `;
+                        } else {
+                            noDataSentence = document.getElementById('lizmap_project_list_no_data_label').innerText;
+                            noDataSentence += ` : "${hiddenColumns.join('", "')}"`;
+                            html = noDataSentence;
+                        }
+
+                        let div = document.createElement('div');
+                        div.classList.add('lizmap_project_list_details')
+                        div.innerHTML = html;
+
+                        return div;
+                    }
+                }
             }
-            $('#dd_invalid_layers_value').html(invalid_layers);
+        });
 
-            // QGIS Logs
-            var qgis_logs = '';
-            if (has_inspection_data) {
-                qgis_logs = data[8] ? data[8] : null;
-            }
-            $('#dd_qgis_logs_value').html(qgis_logs);
-            $('#dd_qgis_logs_label, #dd_qgis_logs_value').toggle(has_inspection_data);
-
-            // Hide dd & dt without data
-            $('#lizmap_project_list_sidebar_content dd').each(function() {
-                let has_val = ($(this).html() != '');
-                $(this).toggle(has_val);
-                $(this).prev('dt:first').toggle(has_val);
+        // Do not let the user show the hidden columns of the responsive feature
+        // for more than one rown
+        project_table.on('responsive-display', function (e, datatable, row, showHide, update) {
+            project_table.rows().every(function () {
+                if (showHide && row.index() !== this.index() && this.child.isShown()) {
+                    $('td', this.node()).eq(0).click();
+                }
             });
+        });
 
-            // Display the sidebar
-            $('#lizmap_project_list_sidebar').removeClass('collapsed');
-        }
-
-        // Activate the click on a project line in the table
-        $('table.lizmap_project_list tbody').on('click', 'tr', function () {
-            // Check if the table has QGIS projects inspection data
-            var has_inspection_data = false;
-            if ($('table.lizmap_project_list').hasClass('has_inspection_data')) {
-                has_inspection_data = true;
-            }
+        // Adjust the table header at startupt
+        project_table.tables().columns.adjust();
 
-            // Remove previous selected
-            $('tr.selected').removeClass('selected');
-            $(this).toggleClass('selected');
-            let data = project_table.row('.selected').data();
+        // Adjust it when the size has changed
+        project_table.on('responsive-resize', function (e, datatable, row, showHide, update) {
+            // Adjust header
+            project_table.tables().columns.adjust();
 
-            // Get the HTML to display in the sidebar with the project details
-            displayProjectDetail(data, has_inspection_data);
+            // Toggle the cursor pointer on the lines
+            document.querySelectorAll('table.lizmap_project_list tr').forEach((element) => {
+                element.classList.toggle(
+                    'has_hidden_columns',
+                    project_table.responsive.hasHidden()
+                );
+            });
         });
 
-        // Click on first row
-        $('table.lizmap_project_list tbody tr:eq(0)').click();
-
-        // Adjust header
-        project_table.tables().columns.adjust();;
-
+        // Change Tr cursor depending of the state hidden columns
+        document.querySelectorAll('table.lizmap_project_list tr').forEach((element) => {
+            element.classList.toggle(
+                'has_hidden_columns',
+                project_table.responsive.hasHidden()
+            );
+        });
 
     }
 });
diff --git a/lizmap/www/assets/js/dataTables.responsive.min.js b/lizmap/www/assets/js/dataTables.responsive.min.js
new file mode 100644
index 0000000000..4e5c971d4d
--- /dev/null
+++ b/lizmap/www/assets/js/dataTables.responsive.min.js
@@ -0,0 +1,4 @@
+/*! Responsive 2.5.0
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(n){var i,r;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return n(e,window,document)}):"object"==typeof exports?(i=require("jquery"),r=function(e,t){t.fn.dataTable||require("datatables.net")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||i(e),r(e,t),n(t,e,e.document)}:(r(window,i),module.exports=n(i,window,window.document))):n(jQuery,window,document)}(function(f,m,d,h){"use strict";function a(e,t){if(!r.versionCheck||!r.versionCheck("1.10.10"))throw"DataTables Responsive requires DataTables 1.10.10 or newer";this.s={childNodeStore:{},columns:[],current:[],dt:new r.Api(e)},this.s.dt.settings()[0].responsive||(t&&"string"==typeof t.details?t.details={type:t.details}:t&&!1===t.details?t.details={type:!1}:t&&!0===t.details&&(t.details={type:"inline"}),this.c=f.extend(!0,{},a.defaults,r.defaults.responsive,t),(e.responsive=this)._constructor())}var r=f.fn.dataTable,e=(f.extend(a.prototype,{_constructor:function(){var s=this,i=this.s.dt,e=i.settings()[0],t=f(m).innerWidth(),e=(i.settings()[0]._responsive=this,f(m).on("resize.dtr orientationchange.dtr",r.util.throttle(function(){var e=f(m).innerWidth();e!==t&&(s._resize(),t=e)})),e.oApi._fnCallbackReg(e,"aoRowCreatedCallback",function(e,t,n){-1!==f.inArray(!1,s.s.current)&&f(">td, >th",e).each(function(e){e=i.column.index("toData",e);!1===s.s.current[e]&&f(this).css("display","none")})}),i.on("destroy.dtr",function(){i.off(".dtr"),f(i.table().body()).off(".dtr"),f(m).off("resize.dtr orientationchange.dtr"),i.cells(".dtr-control").nodes().to$().removeClass("dtr-control"),f.each(s.s.current,function(e,t){!1===t&&s._setColumnVis(e,!0)})}),this.c.breakpoints.sort(function(e,t){return e.width<t.width?1:e.width>t.width?-1:0}),this._classLogic(),this._resizeAuto(),this.c.details);!1!==e.type&&(s._detailsInit(),i.on("column-visibility.dtr",function(){s._timer&&clearTimeout(s._timer),s._timer=setTimeout(function(){s._timer=null,s._classLogic(),s._resizeAuto(),s._resize(!0),s._redrawChildren()},100)}),i.on("draw.dtr",function(){s._redrawChildren()}),f(i.table().node()).addClass("dtr-"+e.type)),i.on("column-reorder.dtr",function(e,t,n){s._classLogic(),s._resizeAuto(),s._resize(!0)}),i.on("column-sizing.dtr",function(){s._resizeAuto(),s._resize()}),i.on("column-calc.dt",function(e,t){for(var n=s.s.current,i=0;i<n.length;i++){var r=t.visible.indexOf(i);!1===n[i]&&0<=r&&t.visible.splice(r,1)}}),i.on("preXhr.dtr",function(){var e=[];i.rows().every(function(){this.child.isShown()&&e.push(this.id(!0))}),i.one("draw.dtr",function(){s._resizeAuto(),s._resize(),i.rows(e).every(function(){s._detailsDisplay(this,!1)})})}),i.on("draw.dtr",function(){s._controlClass()}).on("init.dtr",function(e,t,n){"dt"===e.namespace&&(s._resizeAuto(),s._resize(),f.inArray(!1,s.s.current))&&i.columns.adjust()}),this._resize()},_childNodes:function(e,t,n){var i=t+"-"+n;if(this.s.childNodeStore[i])return this.s.childNodeStore[i];for(var r=[],s=e.cell(t,n).node().childNodes,o=0,d=s.length;o<d;o++)r.push(s[o]);return this.s.childNodeStore[i]=r},_childNodesRestore:function(e,t,n){var i=t+"-"+n;if(this.s.childNodeStore[i]){for(var r=e.cell(t,n).node(),s=this.s.childNodeStore[i][0].parentNode.childNodes,o=[],d=0,a=s.length;d<a;d++)o.push(s[d]);for(var l=0,c=o.length;l<c;l++)r.appendChild(o[l]);this.s.childNodeStore[i]=h}},_columnsVisiblity:function(n){for(var i=this.s.dt,e=this.s.columns,t=e.map(function(e,t){return{columnIdx:t,priority:e.priority}}).sort(function(e,t){return e.priority!==t.priority?e.priority-t.priority:e.columnIdx-t.columnIdx}),r=f.map(e,function(e,t){return!1===i.column(t).visible()?"not-visible":(!e.auto||null!==e.minWidth)&&(!0===e.auto?"-":-1!==f.inArray(n,e.includeIn))}),s=0,o=0,d=r.length;o<d;o++)!0===r[o]&&(s+=e[o].minWidth);var a=i.settings()[0].oScroll,a=a.sY||a.sX?a.iBarWidth:0,l=i.table().container().offsetWidth-a-s;for(o=0,d=r.length;o<d;o++)e[o].control&&(l-=e[o].minWidth);var c=!1;for(o=0,d=t.length;o<d;o++){var u=t[o].columnIdx;"-"===r[u]&&!e[u].control&&e[u].minWidth&&(c||l-e[u].minWidth<0?r[u]=!(c=!0):r[u]=!0,l-=e[u].minWidth)}var h=!1;for(o=0,d=e.length;o<d;o++)if(!e[o].control&&!e[o].never&&!1===r[o]){h=!0;break}for(o=0,d=e.length;o<d;o++)e[o].control&&(r[o]=h),"not-visible"===r[o]&&(r[o]=!1);return-1===f.inArray(!0,r)&&(r[0]=!0),r},_classLogic:function(){function d(e,t,n,i){var r,s,o;if(n){if("max-"===n)for(r=a._find(t).width,s=0,o=l.length;s<o;s++)l[s].width<=r&&u(e,l[s].name);else if("min-"===n)for(r=a._find(t).width,s=0,o=l.length;s<o;s++)l[s].width>=r&&u(e,l[s].name);else if("not-"===n)for(s=0,o=l.length;s<o;s++)-1===l[s].name.indexOf(i)&&u(e,l[s].name)}else c[e].includeIn.push(t)}var a=this,l=this.c.breakpoints,i=this.s.dt,c=i.columns().eq(0).map(function(e){var t=this.column(e),n=t.header().className,e=i.settings()[0].aoColumns[e].responsivePriority,t=t.header().getAttribute("data-priority");return e===h&&(e=t===h||null===t?1e4:+t),{className:n,includeIn:[],auto:!1,control:!1,never:!!n.match(/\b(dtr\-)?never\b/),priority:e}}),u=function(e,t){e=c[e].includeIn;-1===f.inArray(t,e)&&e.push(t)};c.each(function(e,r){for(var t=e.className.split(" "),s=!1,n=0,i=t.length;n<i;n++){var o=t[n].trim();if("all"===o||"dtr-all"===o)return s=!0,void(e.includeIn=f.map(l,function(e){return e.name}));if("none"===o||"dtr-none"===o||e.never)return void(s=!0);if("control"===o||"dtr-control"===o)return s=!0,void(e.control=!0);f.each(l,function(e,t){var n=t.name.split("-"),i=new RegExp("(min\\-|max\\-|not\\-)?("+n[0]+")(\\-[_a-zA-Z0-9])?"),i=o.match(i);i&&(s=!0,i[2]===n[0]&&i[3]==="-"+n[1]?d(r,t.name,i[1],i[2]+i[3]):i[2]!==n[0]||i[3]||d(r,t.name,i[1],i[2]))})}s||(e.auto=!0)}),this.s.columns=c},_controlClass:function(){var e,t,n;"inline"===this.c.details.type&&(e=this.s.dt,t=this.s.current,n=f.inArray(!0,t),e.cells(null,function(e){return e!==n},{page:"current"}).nodes().to$().filter(".dtr-control").removeClass("dtr-control"),e.cells(null,n,{page:"current"}).nodes().to$().addClass("dtr-control"))},_detailsDisplay:function(t,n){function e(e){f(t.node()).toggleClass("parent",!1!==e),f(s.table().node()).triggerHandler("responsive-display.dt",[s,t,e,n])}var i,r=this,s=this.s.dt,o=this.c.details;o&&!1!==o.type&&(i="string"==typeof o.renderer?a.renderer[o.renderer]():o.renderer,"boolean"==typeof(o=o.display(t,n,function(){return i.call(r,s,t[0],r._detailsObj(t[0]))},function(){e(!1)})))&&e(o)},_detailsInit:function(){var n=this,i=this.s.dt,e=this.c.details,r=("inline"===e.type&&(e.target="td.dtr-control, th.dtr-control"),i.on("draw.dtr",function(){n._tabIndexes()}),n._tabIndexes(),f(i.table().body()).on("keyup.dtr","td, th",function(e){13===e.keyCode&&f(this).data("dtr-keyboard")&&f(this).click()}),e.target),e="string"==typeof r?r:"td, th";r===h&&null===r||f(i.table().body()).on("click.dtr mousedown.dtr mouseup.dtr",e,function(e){if(f(i.table().node()).hasClass("collapsed")&&-1!==f.inArray(f(this).closest("tr").get(0),i.rows().nodes().toArray())){if("number"==typeof r){var t=r<0?i.columns().eq(0).length+r:r;if(i.cell(this).index().column!==t)return}t=i.row(f(this).closest("tr"));"click"===e.type?n._detailsDisplay(t,!1):"mousedown"===e.type?f(this).css("outline","none"):"mouseup"===e.type&&f(this).trigger("blur").css("outline","")}})},_detailsObj:function(n){var i=this,r=this.s.dt;return f.map(this.s.columns,function(e,t){if(!e.never&&!e.control)return{className:(e=r.settings()[0].aoColumns[t]).sClass,columnIndex:t,data:r.cell(n,t).render(i.c.orthogonal),hidden:r.column(t).visible()&&!i.s.current[t],rowIndex:n,title:null!==e.sTitle?e.sTitle:f(r.column(t).header()).text()}})},_find:function(e){for(var t=this.c.breakpoints,n=0,i=t.length;n<i;n++)if(t[n].name===e)return t[n]},_redrawChildren:function(){var n=this,i=this.s.dt;i.rows({page:"current"}).iterator("row",function(e,t){n._detailsDisplay(i.row(t),!0)})},_resize:function(n){for(var e,i=this,t=this.s.dt,r=f(m).innerWidth(),s=this.c.breakpoints,o=s[0].name,d=this.s.columns,a=this.s.current.slice(),l=s.length-1;0<=l;l--)if(r<=s[l].width){o=s[l].name;break}var c=this._columnsVisiblity(o),u=(this.s.current=c,!1);for(l=0,e=d.length;l<e;l++)if(!1===c[l]&&!d[l].never&&!d[l].control&&!1==!t.column(l).visible()){u=!0;break}f(t.table().node()).toggleClass("collapsed",u);var h=!1,p=0;t.columns().eq(0).each(function(e,t){!0===c[t]&&p++,!n&&c[t]===a[t]||(h=!0,i._setColumnVis(e,c[t]))}),this._redrawChildren(),h&&(f(t.table().node()).trigger("responsive-resize.dt",[t,this.s.current]),0===t.page.info().recordsDisplay)&&f("td",t.table().body()).eq(0).attr("colspan",p),i._controlClass()},_resizeAuto:function(){var e,t,n,i,r,s=this.s.dt,o=this.s.columns,d=this;this.c.auto&&-1!==f.inArray(!0,f.map(o,function(e){return e.auto}))&&(f.isEmptyObject(this.s.childNodeStore)||f.each(this.s.childNodeStore,function(e){e=e.split("-");d._childNodesRestore(s,+e[0],+e[1])}),s.table().node().offsetWidth,s.columns,e=s.table().node().cloneNode(!1),t=f(s.table().header().cloneNode(!1)).appendTo(e),i=f(s.table().body()).clone(!1,!1).empty().appendTo(e),e.style.width="auto",n=s.columns().header().filter(function(e){return s.column(e).visible()}).to$().clone(!1).css("display","table-cell").css("width","auto").css("min-width",0),f(i).append(f(s.rows({page:"current"}).nodes()).clone(!1)).find("th, td").css("display",""),(i=s.table().footer())&&(i=f(i.cloneNode(!1)).appendTo(e),r=s.columns().footer().filter(function(e){return s.column(e).visible()}).to$().clone(!1).css("display","table-cell"),f("<tr/>").append(r).appendTo(i)),f("<tr/>").append(n).appendTo(t),"inline"===this.c.details.type&&f(e).addClass("dtr-inline collapsed"),f(e).find("[name]").removeAttr("name"),f(e).css("position","relative"),(r=f("<div/>").css({width:1,height:1,overflow:"hidden",clear:"both"}).append(e)).insertBefore(s.table().node()),n.each(function(e){e=s.column.index("fromVisible",e);o[e].minWidth=this.offsetWidth||0}),r.remove())},_responsiveOnlyHidden:function(){var n=this.s.dt;return f.map(this.s.current,function(e,t){return!1===n.column(t).visible()||e})},_setColumnVis:function(e,t){var n=this,i=this.s.dt,r=t?"":"none";f(i.column(e).header()).css("display",r).toggleClass("dtr-hidden",!t),f(i.column(e).footer()).css("display",r).toggleClass("dtr-hidden",!t),i.column(e).nodes().to$().css("display",r).toggleClass("dtr-hidden",!t),f.isEmptyObject(this.s.childNodeStore)||i.cells(null,e).indexes().each(function(e){n._childNodesRestore(i,e.row,e.column)})},_tabIndexes:function(){var e=this.s.dt,t=e.cells({page:"current"}).nodes().to$(),n=e.settings()[0],i=this.c.details.target;t.filter("[data-dtr-keyboard]").removeData("[data-dtr-keyboard]"),("number"==typeof i?e.cells(null,i,{page:"current"}).nodes().to$():f(i="td:first-child, th:first-child"===i?">td:first-child, >th:first-child":i,e.rows({page:"current"}).nodes())).attr("tabIndex",n.iTabIndex).data("dtr-keyboard",1)}}),a.defaults={breakpoints:a.breakpoints=[{name:"desktop",width:1/0},{name:"tablet-l",width:1024},{name:"tablet-p",width:768},{name:"mobile-l",width:480},{name:"mobile-p",width:320}],auto:!0,details:{display:(a.display={childRow:function(e,t,n){return t?f(e.node()).hasClass("parent")?(e.child(n(),"child").show(),!0):void 0:e.child.isShown()?(e.child(!1),!1):(e.child(n(),"child").show(),!0)},childRowImmediate:function(e,t,n){return!t&&e.child.isShown()||!e.responsive.hasHidden()?(e.child(!1),!1):(e.child(n(),"child").show(),!0)},modal:function(o){return function(e,t,n,i){if(t){if(!(s=f("div.dtr-modal-content")).length||e.index()!==s.data("dtr-row-idx"))return null;s.empty().append(n())}else{var r=function(){s.remove(),f(d).off("keypress.dtr"),f(e.node()).removeClass("parent"),i()},s=f('<div class="dtr-modal"/>').append(f('<div class="dtr-modal-display"/>').append(f('<div class="dtr-modal-content"/>').data("dtr-row-idx",e.index()).append(n())).append(f('<div class="dtr-modal-close">&times;</div>').click(function(){r()}))).append(f('<div class="dtr-modal-background"/>').click(function(){r()})).appendTo("body");f(e.node()).addClass("parent"),f(d).on("keyup.dtr",function(e){27===e.keyCode&&(e.stopPropagation(),r())})}return o&&o.header&&f("div.dtr-modal-content").prepend("<h2>"+o.header(e)+"</h2>"),!0}}}).childRow,renderer:(a.renderer={listHiddenNodes:function(){return function(i,e,t){var r=this,s=f('<ul data-dtr-index="'+e+'" class="dtr-details"/>'),o=!1;f.each(t,function(e,t){var n;t.hidden&&(n=t.className?'class="'+t.className+'"':"",f("<li "+n+' data-dtr-index="'+t.columnIndex+'" data-dt-row="'+t.rowIndex+'" data-dt-column="'+t.columnIndex+'"><span class="dtr-title">'+t.title+"</span> </li>").append(f('<span class="dtr-data"/>').append(r._childNodes(i,t.rowIndex,t.columnIndex))).appendTo(s),o=!0)});return!!o&&s}},listHidden:function(){return function(e,t,n){n=f.map(n,function(e){var t=e.className?'class="'+e.className+'"':"";return e.hidden?"<li "+t+' data-dtr-index="'+e.columnIndex+'" data-dt-row="'+e.rowIndex+'" data-dt-column="'+e.columnIndex+'"><span class="dtr-title">'+e.title+'</span> <span class="dtr-data">'+e.data+"</span></li>":""}).join("");return!!n&&f('<ul data-dtr-index="'+t+'" class="dtr-details"/>').append(n)}},tableAll:function(i){return i=f.extend({tableClass:""},i),function(e,t,n){n=f.map(n,function(e){return"<tr "+(e.className?'class="'+e.className+'"':"")+' data-dt-row="'+e.rowIndex+'" data-dt-column="'+e.columnIndex+'"><td>'+e.title+":</td> <td>"+e.data+"</td></tr>"}).join("");return f('<table class="'+i.tableClass+' dtr-details" width="100%"/>').append(n)}}}).listHidden(),target:0,type:"inline"},orthogonal:"display"},f.fn.dataTable.Api);return e.register("responsive()",function(){return this}),e.register("responsive.index()",function(e){return{column:(e=f(e)).data("dtr-index"),row:e.parent().data("dtr-index")}}),e.register("responsive.rebuild()",function(){return this.iterator("table",function(e){e._responsive&&e._responsive._classLogic()})}),e.register("responsive.recalc()",function(){return this.iterator("table",function(e){e._responsive&&(e._responsive._resizeAuto(),e._responsive._resize())})}),e.register("responsive.hasHidden()",function(){var e=this.context[0];return!!e._responsive&&-1!==f.inArray(!1,e._responsive._responsiveOnlyHidden())}),e.registerPlural("columns().responsiveHidden()","column().responsiveHidden()",function(){return this.iterator("column",function(e,t){return!!e._responsive&&e._responsive._responsiveOnlyHidden()[t]},1)}),a.version="2.5.0",f.fn.dataTable.Responsive=a,f.fn.DataTable.Responsive=a,f(d).on("preInit.dt.dtr",function(e,t,n){"dt"===e.namespace&&(f(t.nTable).hasClass("responsive")||f(t.nTable).hasClass("dt-responsive")||t.oInit.responsive||r.defaults.responsive)&&!1!==(e=t.oInit.responsive)&&new a(t,f.isPlainObject(e)?e:{})}),r});
\ No newline at end of file