fix(#5370): fix logfile view styling issues and make sure that links are rendered with an underline similarly to what already happens in other views

Author: cdprete

spring-boot-admin-samples/spring-boot-admin-sample-servlet/src/main/java/de/codecentric/boot/admin/sample/QuartzJobsConfiguration.java

@@ -24,6 +24,8 @@
 import org.quartz.SimpleScheduleBuilder;
 import org.quartz.Trigger;
 import org.quartz.TriggerBuilder;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import org.springframework.context.annotation.Bean;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.scheduling.quartz.QuartzJobBean;
@@ -107,10 +109,11 @@ public Trigger hourlyTestTrigger() {
 	 * Sample job that logs at regular intervals.
 	 */
 	public static class SampleJob extends QuartzJobBean {
+		private static final Logger logger = LoggerFactory.getLogger(SampleJob.class);
 
 		@Override
 		protected void executeInternal(org.quartz.JobExecutionContext context) {
-			System.out.println("Sample Quartz Job executed at " + new java.util.Date());
+			logger.info("Sample Quartz Job executed at {}", new java.util.Date());
 		}
 
 	}
@@ -119,10 +122,11 @@ protected void executeInternal(org.quartz.JobExecutionContext context) {
 	 * Another sample job for demonstration.
 	 */
 	public static class AnotherSampleJob extends QuartzJobBean {
+		private static final Logger logger = LoggerFactory.getLogger(AnotherSampleJob.class);
 
 		@Override
 		protected void executeInternal(org.quartz.JobExecutionContext context) {
-			System.out.println("Another Quartz Job executed at " + new java.util.Date());
+			logger.info("Another Quartz Job executed at {}", new java.util.Date());
 		}
 
 	}

spring-boot-admin-server-ui/src/main/frontend/views/instances/logfile/index.vue

@@ -95,7 +95,7 @@
       :class="{ 'wrap-lines': wrapLines }"
       class="log-viewer overflow-x-auto text-sm -mx-6 -my-20 pt-14"
     >
-      <table class="table-striped" />
+      <table class="table-striped min-w-full" />
     </div>
   </sba-instance-section>
 </template>
@@ -184,7 +184,12 @@ export default {
           tap(
             (part) => (this.skippedBytes = this.skippedBytes || part.skipped),
           ),
-          concatMap((part) => chunk(part.addendum.split(/\r?\n/), 250)),
+          concatMap((part) =>
+            chunk(
+              part.addendum.split(/\r?\n/).filter((l) => l),
+              250,
+            ),
+          ),
           map((lines) => of(lines, animationFrameScheduler)),
           concatAll(),
         )
@@ -269,15 +274,25 @@ export default {
   max-height: 100%;
 }
 
+.log-viewer tr,
+.log-viewer td {
+  @apply w-full;
+}
+
 .log-viewer pre {
   padding: 0 0.75em;
   margin-bottom: 1px;
+  @apply w-full;
 }
 
 .log-viewer pre:hover {
   background: #dbdbdb;
 }
 
+.log-viewer a[href] {
+  @apply underline;
+}
+
 .log-viewer.wrap-lines pre {
   @apply whitespace-pre-wrap;
   word-break: break-all;