comment out 'advanced' functionality so that it fits on a 1080p screen without scrolling

Author: PhilBastian

src/frontend/src/components/BillingEndpoint.vue

@@ -78,21 +78,21 @@ function toggleFailOnRetries() {
   <div class="endpoint-header">
     <div>
       <EndpointHeader label="Billing" :state="state" />
-      <div class="counter-info">
+      <!-- <div class="counter-info">
         <span>
           {{ processedCount }} messages processed /
           <span class="red"> {{ erroredCount }} errored</span>
         </span>
-      </div>
+      </div> -->
     </div>
-    <div>
+    <!-- <div>
       <OnOffSwitch
         id="failOnRetriesBilling"
         label="Fail Retries"
         @toggle="toggleFailOnRetries"
         :value="shouldFailRetries"
       />
-    </div>
+    </div> -->
   </div>
   <MessageContainer :messages="messages" v-slot="{ message }">
     <span>{{ message.timestamp.toLocaleTimeString() }}</span>

src/frontend/src/components/ClientEndpoint.vue

@@ -74,7 +74,7 @@ async function runScenario() {
       </a>
     </div>
   </div>
-  <div class="or-line">
+  <!-- <div class="or-line">
     <hr />
     <span>OR</span>
   </div>
@@ -94,10 +94,10 @@ async function runScenario() {
       </select>
       <button type="button" @click="createOrder">Place Order(s)</button>
     </div>
-  </div>
-  <div class="counter-info">
+  </div> -->
+  <!-- <div class="counter-info">
     <span>{{ orderCount }} total orders sent</span>
-  </div>
+  </div> -->
   <MessageContainer :messages="messages" v-slot="{ message }">
     <span>{{ message.timestamp.toLocaleTimeString() }}</span>
     <span>Order</span>

src/frontend/src/components/SalesEndpoint.vue

@@ -79,21 +79,21 @@ function toggleFailOnRetries() {
   <div class="endpoint-header">
     <div>
       <EndpointHeader label="Sales" :state="state" />
-      <div class="counter-info">
+      <!-- <div class="counter-info">
         <span>
           {{ processedCount }} messages processed /
           <span class="red"> {{ erroredCount }} errored</span>
         </span>
-      </div>
+      </div> -->
     </div>
-    <div>
+    <!-- <div>
       <OnOffSwitch
         id="failOnRetriesSales"
         label="Fail Retries"
         @toggle="toggleFailOnRetries"
         :value="shouldFailRetries"
       />
-    </div>
+    </div> -->
   </div>
   <MessageContainer :messages="messages" v-slot="{ message }">
     <span>{{ message.timestamp.toLocaleTimeString() }}</span>

src/frontend/src/components/ShippingEndpoint.vue

@@ -91,7 +91,7 @@ function toggleFailOnRetries() {
   <div class="endpoint-header">
     <div>
       <EndpointHeader label="Shipping" :state="state" />
-      <div class="counter-info">
+      <!-- <div class="counter-info">
         <span>
           {{ processedOrderPlacedCount }} order placed messages processed /
           <span class="red"> {{ erroredOrderPlacedCount }} errored</span>
@@ -102,16 +102,16 @@ function toggleFailOnRetries() {
           {{ processedOrderBilledCount }} order billed messages processed /
           <span class="red"> {{ erroredOrderBilledCount }} errored</span>
         </span>
-      </div>
+      </div> -->
     </div>
-    <div>
+    <!-- <div>
       <OnOffSwitch
         id="failOnRetriesShipping"
         label="Fail Retries"
         @toggle="toggleFailOnRetries"
         :value="shouldFailRetries"
       />
-    </div>
+    </div> -->
   </div>
   <MessageContainer :messages="messages" v-slot="{ message }">
     <span>{{ message.timestamp.toLocaleTimeString() }}</span>