Purge cache section added.

Need to set cache data dynamicaly
Need to add translation keys

admin/themes/default/template/maintenance_actions.tpl

@@ -118,21 +118,37 @@ $(".delete-size-check").change(function() {
     <a href="{$U_MAINT_SESSIONS}" class="icon-th-list maintenance-action">{'Purge sessions'|@translate}</a>
     <a href="{$U_MAINT_FEEDS}" class="icon-bell maintenance-action">{'Purge never used notification feeds'|@translate}</a>
     <a href="{$U_MAINT_SEARCH}" class="icon-search maintenance-action purge-search-history-button">{'Purge search history'|@translate}</a>
-    <a href="{$U_MAINT_COMPILED_TEMPLATES}" class="icon-doc maintenance-action">{'Purge compiled templates'|@translate}</a>
   </div>
 </fieldset>
 
-<div class="delete-size-checks">
-  <span id="label-delete-size-checkbox">{'Delete multiple size images'|@translate}</span>
-  <div class="delete-check-container">
-    {foreach from=$purge_derivatives key=name item=url name=loop}
-    <div class="delete-size-check" data-selected="0" name="{$url}">
-      <span class="select-checkbox"><i class="icon-ok" style="margin-left:8px"></i></span><span style="font-size:14px;margin-left:5px;padding-top:2px;">{$name}</span>
+<fieldset class="">
+<legend><span class="icon-trash-1 icon-red"></span>Purge Cache</legend>
+
+  <div class="template-purge"> 
+    <div class="cache-infos"> 
+      <span class="cache-size-text">Taille du cache</span>
+      <span class="cache-size-value">999 Go</span>
+      <span class="cache-lastCalculated-text">calculé il y a</span>
+      <span class="cache-lastCalculated-value">42 mois</span>
+      <a><span class="icon-arrows-cw"></span>Actulaliser</a>
     </div>
-    {/foreach}
+    <a href="{$U_MAINT_COMPILED_TEMPLATES}" class="icon-doc maintenance-action">{'Purge compiled templates'|@translate} <span class="multiple-compiledTemplate-sizes"> 999 Go </span></a> 
   </div>
-</div>
-<a class="icon-ok maintenance-action delete-sizes">Delete these sizes</a>
+
+
+  <div class="delete-size-checks">
+  <span id="label-delete-size-checkbox">{'Delete multiple size images'|@translate} <span class="multiple-pictures-sizes"> 999 Go </span></span>
+    <div class="delete-check-container">
+      {foreach from=$purge_derivatives key=name item=url name=loop}
+      <div class="delete-size-check" data-selected="0" name="{$url}">
+        <span class="select-checkbox"><i class="icon-ok" style="margin-left:8px"></i></span><span class="picture-deletion-size" title="Poids : 999Go" style="font-size:14px;margin-left:5px;padding-top:2px;">{$name}</span>
+      </div>
+      {/foreach}
+    </div>
+  </div>
+
+  <a class="icon-ok maintenance-action delete-sizes">Delete these sizes</a>
+</fieldset>
 
 <style>
 #label-delete-size-checkbox {
@@ -155,7 +171,6 @@ $(".delete-size-check").change(function() {
 .delete-size-checks {
   display:flex;
   text-align:left;
-  margin-left:20px;
   margin-bottom:20px;
 }
 
@@ -179,7 +194,5 @@ $(".delete-size-check").change(function() {
   display:block;
   width:max-content;
   text-align:left;
-  margin-left:20px
 }
-
 </style>

admin/themes/default/theme.css

@@ -2122,6 +2122,60 @@ legend {text-align:left;}
 /* local-layout */
 /* You can modify this file */
 
+/* Maintenance */
+
+.template-purge {
+  height: 100px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  margin-bottom: 20px;
+}
+
+.cache-infos {
+  margin-bottom: 20px;
+}
+
+.cache-infos a {
+  margin-left: 10px;
+  font-size: 15px;
+}
+
+.cache-size-value {
+  background: #dddddd;
+  padding: 1px 8px;
+  border-radius: 5px;
+  font-weight: bold;
+}
+
+.cache-size-text {
+  font-size: 15px;
+  font-weight: bold;
+}
+
+.cache-lastCalculated-text, .cache-lastCalculated-value {
+  font-weight: bold;
+}
+
+.multiple-pictures-sizes, .multiple-compiledTemplate-sizes {
+  background: #dddddd;
+  padding: 1px 8px;
+  border-radius: 5px;
+  font-size: 10px;
+  font-weight: bold;
+  color: #777;
+}
+
+.multiple-compiledTemplate-sizes {
+  margin-left: 10px;
+}
+
+.multiple-pictures-sizes {
+  position: absolute;
+  left: 231px;
+  margin-top: 25px;
+}
+
 /* Tables & forms */
 
 SELECT, TEXTAREA {

admin/themes/roma/theme.css

@@ -1317,3 +1317,13 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 .storage-chart span{
   opacity:1;
 }
+
+
+.multiple-pictures-sizes, .multiple-compiledTemplate-sizes, .cache-size-value {
+  background: #555555;
+  color: #c1c1c1;
+}
+
+.cache-lastCalculated-value, .cache-lastCalculated-text, .cache-size-text, .picture-deletion-size, #label-delete-size-checkbox {
+  color: #c1c1c1;
+}