@@ -179,65 +179,80 @@ <h3 class="text-lg font-medium mb-4 dark:text-gray-200 flex items-center">
179
179
</ span >
180
180
</ div >
181
181
</ div >
182
-
183
182
<!-- Redis Status -->
184
183
< div
185
- class ="border rounded-lg p-4 {% if payload.redis.available %}border-green-200 bg-green-50 dark:border-green-700 dark:bg-green-900/20{% else %}border-red-200 bg-red-50 dark:border-red-700 dark:bg-red-900/20{% endif %} "
184
+ class ="border rounded-lg p-4
185
+ {% if payload.settings.cache_type == 'redis' and payload.redis.reachable %}
186
+ border-green-200 bg-green-50 dark:border-green-700 dark:bg-green-900/20
187
+ {% elif payload.settings.cache_type == 'redis' and not payload.redis.reachable %}
188
+ border-red-200 bg-red-50 dark:border-red-700 dark:bg-red-900/20
189
+ {% else %}
190
+ border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-900/20
191
+ {% endif %} "
186
192
>
187
193
< div class ="flex items-center justify-between ">
188
194
< div >
189
- < h4
190
- class ="font-medium {% if payload.redis.available %}text-green-800 dark:text-green-300{% else %}text-red-800 dark:text-red-300{% endif %} "
191
- >
192
- Redis
195
+ < h4 class ="font-medium
196
+ {% if payload.settings.cache_type == 'redis' and payload.redis.reachable %}
197
+ text-green-800 dark:text-green-300
198
+ {% elif payload.settings.cache_type == 'redis' and not payload.redis.reachable %}
199
+ text-red-800 dark:text-red-300
200
+ {% else %}
201
+ text-gray-800 dark:text-gray-300
202
+ {% endif %} ">
203
+ Cache
193
204
</ h4 >
194
- < p
195
- class ="text-sm {% if payload.redis.available %}text-green-600 dark:text-green-400{% else %}text-red-600 dark:text-red-400{% endif %} "
196
- >
197
- Cache Service
205
+ < p class ="text-sm
206
+ {% if payload.settings.cache_type == 'redis' and payload.redis.reachable %}
207
+ text-green-600 dark:text-green-400
208
+ {% elif payload.settings.cache_type == 'redis' and not payload.redis.reachable %}
209
+ text-red-600 dark:text-red-400
210
+ {% else %}
211
+ text-gray-600 dark:text-gray-400
212
+ {% endif %} ">
213
+ {{ payload.settings.cache_type | capitalize }} Cache
198
214
</ p >
199
215
</ div >
200
216
< div class ="flex items-center ">
201
- {% if payload.redis.available %}
202
- < svg
203
- class ="h-8 w-8 text-green-500 "
204
- fill ="none "
205
- stroke ="currentColor "
206
- viewBox ="0 0 24 24 "
207
- >
208
- < path
209
- stroke-linecap ="round "
210
- stroke-linejoin ="round "
211
- stroke-width ="2 "
212
- d ="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z "
213
- > </ path >
214
- </ svg >
217
+ {% if payload.settings.cache_type == 'redis' and payload.redis.reachable %}
218
+ < svg class ="h-8 w-8 text-green-500 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
219
+ < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 "
220
+ d ="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z "/>
221
+ </ svg >
222
+ {% elif payload.settings.cache_type == 'redis' and not payload.redis.reachable %}
223
+ < svg class ="h-8 w-8 text-red-500 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
224
+ < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 "
225
+ d ="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z "/>
226
+ </ svg >
215
227
{% else %}
216
- < svg
217
- class ="h-8 w-8 text-red-500 "
218
- fill ="none "
219
- stroke ="currentColor "
220
- viewBox ="0 0 24 24 "
221
- >
222
- < path
223
- stroke-linecap ="round "
224
- stroke-linejoin ="round "
225
- stroke-width ="2 "
226
- d ="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z "
227
- > </ path >
228
- </ svg >
228
+ < svg class ="h-8 w-8 text-gray-500 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 ">
229
+ < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 "
230
+ d ="M12 9v2m0 4h.01M12 4a8 8 0 100 16 8 8 0 000-16z "/>
231
+ </ svg >
229
232
{% endif %}
230
233
</ div >
231
234
</ div >
235
+
232
236
< div class ="mt-2 ">
233
- < span
234
- class ="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {% if payload.redis.available %}bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-200{% else %}bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-200{% endif %} "
235
- >
236
- {% if payload.redis.available %}✅ Available{% else %}❌ Not
237
- Available{% endif %}
237
+ < span class ="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
238
+ {% if payload.settings.cache_type == 'redis' and payload.redis.reachable %}
239
+ bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-200
240
+ {% elif payload.settings.cache_type == 'redis' and not payload.redis.reachable %}
241
+ bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-200
242
+ {% else %}
243
+ bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200
244
+ {% endif %} ">
245
+ {% if payload.settings.cache_type == 'redis' and payload.redis.reachable %}
246
+ ✅ Connected
247
+ {% elif payload.settings.cache_type == 'redis' and not payload.redis.reachable %}
248
+ ❌ Connection Failed
249
+ {% else %}
250
+ ⚙️ Redis Not Configured
251
+ {% endif %}
238
252
</ span >
239
253
</ div >
240
254
</ div >
255
+
241
256
</ div >
242
257
</ div >
243
258
0 commit comments