ws minor ui changes mockoon#83

isuru89 · Feb 1, 2024 · e4a8b31 · e4a8b31
1 parent b10d946
commit e4a8b31
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/.../desktop/src/renderer/app/components/environment-routes/environment-routes.component.html b/.../desktop/src/renderer/app/components/environment-routes/environment-routes.component.html
@@ -192,7 +192,7 @@
                       >CRUD operations
                     </span>
                     <span *ngIf="activeRoute.type === 'ws'" class="pe-2"
-                      >WebSocket Response
+                      >Response {{ (activeRouteResponseIndex$ | async) + 1 }}
                     </span>
                     {{ data.activeRouteResponse?.label }}
                   </div>
@@ -274,7 +274,7 @@
                         >CRUD operations</span
                       >
                       <span *ngIf="activeRoute.type === 'ws'" class="pe-2"
-                        >WebSocket Response</span
+                        >Response {{ routeResponseIndex + 1 }}</span
                       >
                       {{ routeResponse.label }}
                     </span>

diff --git a/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.html b/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.html
@@ -278,13 +278,6 @@
             >
               <app-svg icon="low_priority"></app-svg>
             </div>
-            <div
-              *ngIf="route.type === 'ws'"
-              class="text-primary pe-2 d-flex align-items-center"
-              ngbTooltip="WebSocket Route"
-            >
-              <app-svg icon="websocket"></app-svg>
-            </div>
             <div
               *ngIf="settings$ | async as settings"
               class="nav-link-label"
@@ -304,12 +297,19 @@
             </div>
             <div class="ms-auto ps-2 d-flex align-items-center">
               <span
-                *ngIf="route.type !== 'ws'"
                 class="badge badge-default route-badge-{{
-                  route.type === 'crud' ? 'crud' : route.method
+                  route.type === 'crud'
+                    ? 'crud'
+                    : route.type === 'ws'
+                    ? 'ws'
+                    : route.method
                 }}"
                 >{{
-                  route.type === 'crud' ? 'CRUD' : (route.method | uppercase)
+                  route.type === 'crud'
+                    ? 'CRUD'
+                    : route.type === 'ws'
+                    ? 'WS'
+                    : (route.method | uppercase)
                 }}
               </span>
             </div>

diff --git a/packages/desktop/src/renderer/styles/styles.scss b/packages/desktop/src/renderer/styles/styles.scss
@@ -111,7 +111,7 @@ $route-badges: ('crud', lighten($cyan, 15%)), ('all', lighten($teal, 15%)),
   ('proppatch', lighten($custom-gray, 45%)),
   ('copy', lighten($custom-gray, 45%)), ('move', lighten($custom-gray, 45%)),
   ('lock', lighten($custom-gray, 45%)), ('unlock', lighten($custom-gray, 45%)),
-  ('mkcol', lighten($custom-gray, 45%));
+  ('mkcol', lighten($custom-gray, 45%)), ('ws', lighten($indigo, 20%));
 @each $method in $route-badges {
   .route-badge-#{nth($method, 1)} {
     background-color: #{nth($method, 2)};