Cache data page update.

Changelog excerpt:
- The cache data page can now manage flatfile caching and APCU caching
  alongside whatever else is enabled at the same time (sometimes useful for
  when switching between different caching mechanisms but needing to manage
  entries from both mechanisms or others at the same time).
- Replaced the delete emoji at the cache data page with an SVG.
- Slightly modernised the structure of the cache data page.

Author: Maikuolan

Changelog.md

@@ -227,3 +227,4 @@ __*Why "v3.0.0" instead of "v1.0.0?"*__ Prior to phpMussel v3, the "phpMussel Co
 
 #### Other changes.
 - [2026.01.14]: Added aria expanded and controls attributes to some of the clickable menus at the front-end.
+- [2026.02.26]: The cache data page can now manage flatfile caching and APCU caching alongside whatever else is enabled at the same time (sometimes useful for when switching between different caching mechanisms but needing to manage entries from both mechanisms or others at the same time). Replaced the delete emoji at the cache data page with an SVG. Slightly modernised the structure of the cache data page.

assets/bluemetal/frontend.css

@@ -179,3 +179,7 @@ input[type=hidden],script{display:none}
 }
 @keyframes fmDeleteAnim{0%{opacity:1}100%{filter:brightness(0);opacity:0;display:none}}
 .fmDelete{transform-origin:top;animation:fmDeleteAnim .5s cubic-bezier(0,0,.1,1);animation-iteration-count:1;animation-fill-mode:forwards}
+.smicon{display:inline-block;background-repeat:no-repeat;position:relative;top:1px;width:12px;height:12px}
+.smicon.red{filter:invert(76%) sepia(43%) saturate(275%) hue-rotate(-25deg) brightness(101%) contrast(102%)}
+.smicon.delete{background-image:url(data:image/svg+xml;base64,{Base64Encode}{Asset:delete.svg}{/Base64Encode})}
+.smicontxt{padding:0 1px 0 1px}

assets/default/_cache.html

@@ -1,7 +1,6 @@
 <div class="mainbox">
   <nav class="big">
-{nav}
-  </nav>
+{nav}  </nav>
   <main class="extend">
     <div class="col">
       {CacheData}

assets/default/_home.html

@@ -1,7 +1,6 @@
 <div class="mainbox">
   <nav class="extend">
-{nav}
-  </nav>
+{nav}  </nav>
   <main class="big"><div class="s">
     {Some useful links}
     <hr />

assets/default/_quarantine.html

@@ -1,7 +1,6 @@
 <div class="mainbox">
   <nav class="big">
-{nav}
-  </nav>
+{nav}  </nav>
   <main class="extend">
     <div class="col">
       <div class="s flexstretch">{state_msg}</div>

assets/default/_siginfo.html

@@ -1,7 +1,6 @@
 <div class="mainbox">
   <nav class="big">
-{nav}
-  </nav>
+{nav}  </nav>
   <main class="extend">
     <div class="col">
       <div class="s flexstretch">{ProcTime}</div>

assets/default/_upload_test.html

@@ -1,7 +1,6 @@
 <div class="mainbox">
   <nav class="big">
-{nav}
-  </nav>
+{nav}  </nav>
   <main class="extend">
     <div class="col">
       <form id="upload_fields" enctype="multipart/form-data" name="upload" action="" method="post"><input type="hidden" name="MAX_FILE_SIZE" value="{MaxFilesize}" />

assets/default/delete.svg

@@ -182,3 +182,7 @@ input[type=hidden],script{display:none}
 }
 @keyframes fmDeleteAnim{0%{opacity:1}100%{filter:brightness(0);opacity:0;display:none}}
 .fmDelete{transform-origin:top;animation:fmDeleteAnim .5s cubic-bezier(0,0,.1,1);animation-iteration-count:1;animation-fill-mode:forwards}
+.smicon{display:inline-block;background-repeat:no-repeat;position:relative;top:1px;width:12px;height:12px}
+.smicon.red{filter:invert(12%) sepia(86%) saturate(7400%) hue-rotate(2deg) brightness(109%) contrast(114%)}
+.smicon.delete{background-image:url(data:image/svg+xml;base64,{Base64Encode}{Asset:delete.svg}{/Base64Encode})}
+.smicontxt{padding:0 1px 0 1px}

assets/default/frontend.css

@@ -176,3 +176,7 @@ input[type=checkbox],input[type=radio]{accent-color:#cca}
 }
 @keyframes fmDeleteAnim{0%{opacity:1}100%{filter:brightness(0);opacity:0;display:none}}
 .fmDelete{transform-origin:top;animation:fmDeleteAnim .5s cubic-bezier(0,0,.1,1);animation-iteration-count:1;animation-fill-mode:forwards}
+.smicon{display:inline-block;background-repeat:no-repeat;position:relative;top:1px;width:12px;height:12px}
+.smicon.red{filter:invert(90%) sepia(63%) saturate(4751%) hue-rotate(-59deg) brightness(96%) contrast(87%)}
+.smicon.delete{background-image:url(data:image/svg+xml;base64,{Base64Encode}{Asset:delete.svg}{/Base64Encode})}
+.smicontxt{padding:0 1px 0 1px}