2024-03-19 traffic marker handle update

src/main/java/com/its/web/service/traffic/TrafficService.java

@@ -194,11 +194,15 @@ public class TrafficService {
             dto.setLevel(level);
             Map<String, Object> paramMap = new HashMap<>();
             paramMap.put("levl", level);
-            if (level.equals("1") || level.equals("2")) {
+            int levelVal = Integer.parseInt(level);
+            if (levelVal <= 2) {
                 dto.setType("link");
                 dto.setList(this.mapper.findAtrdLinkVertexByIdAndLevel(paramMap));
             }
-            else if (level.equals("3") || level.equals("4") || level.equals("5")) {
+            else if (levelVal <= 5) {
+                if (levelVal == 3) {
+                    paramMap.put("levl", "4");
+                }
                 dto.setType("ifsc");
                 dto.setList(this.mapper.findAtrdIfscVertexByIdAndLevel(paramMap));
             }

src/main/resources/static/css/main.css

@@ -201,7 +201,7 @@ body {
     width: calc(50% - 5px);
     /*width: 100%;*/
     height: 100%;
-    padding: 1.5rem;
+    /*padding: 1.5rem;*/
     /*box-shadow: 2px 2px 2px 2px #eeeeee;*/
 }
 .mainWrap .bottom > div:first-child {
@@ -210,6 +210,7 @@ body {
 .mainWrap .bottom > div:nth-child(2) {
     margin-left: 5px;
     background-color: #cceaea;
+    padding: 1.5rem;
 }
 .mainWrap .bottom .first-box {
     text-align: right;
@@ -465,7 +466,7 @@ body {
     }
     .mainWrap .bottom {
         flex-direction: column;
-        height: 400px;
+        height: 450px;
     }
     .mainWrap .bottom .first-box {
         padding: 1.5rem 1.5rem 0.5rem 1.5rem;
@@ -477,7 +478,7 @@ body {
     /*    margin-right: 0;*/
     /*}*/
     .mainWrap .bottom > div:nth-child(2) {
-        height: 200px;
+        height: 250px;
         /*padding: 0 1rem 1rem 1rem;*/
         padding : 1rem;
         margin-left: 0;

src/main/resources/static/css/traffic.css

@@ -892,6 +892,13 @@ ul, li {
 }
 
 @media (min-width: 920px) {
+    .left-list-area .list-content > div.empty{
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
 
     .left-list-area {
         width: 400px;