Merge pull request #1976 from nordic-institute/XRDDEV-2590

fix: after successful endpoint delete hide dialog and go back to list

.github/workflows/run_tests.yaml

@@ -173,3 +173,4 @@ jobs:
           path: |
             src/security-server/system-test/build/allure-report/
             src/security-server/system-test/build/ss-container-logs/
+            src/security-server/system-test/build/reports/test-automation/selenide-failures/*.png

src/security-server/admin-service/ui/src/views/Service/Endpoints/Endpoint/EndpointDetails.vue

@@ -36,7 +36,8 @@
           outlined
           data-test="delete-endpoint"
           @click="showDeletePopup()"
-          >{{ $t('action.delete') }}
+        >
+          {{ $t('action.delete') }}
         </xrd-button>
       </div>
     </div>
@@ -61,7 +62,7 @@
           name="path"
           :label="$t('endpoints.path')"
           data-test="endpoint-path"
-        ></v-text-field>
+        />
       </div>
 
       <div class="helper-text pl-2">
@@ -75,14 +76,16 @@
     </div>
     <div class="xrd-footer-buttons-wrap">
       <xrd-button outlined @click="close()"
-        >{{ $t('action.cancel') }}
+      >
+        {{ $t('action.cancel') }}
       </xrd-button>
       <xrd-button
         class="save-button"
         :loading="saving"
-        :disabled="!meta.touched || !meta.valid"
+        :disabled="!meta.dirty || !meta.valid"
         @click="save()"
-        >{{ $t('action.save') }}
+      >
+        {{ $t('action.save') }}
       </xrd-button>
     </div>
 
@@ -91,6 +94,7 @@
       v-if="confirmDelete"
       title="endpoints.deleteTitle"
       text="endpoints.deleteEndpointText"
+      :loading="deleting"
       @cancel="confirmDelete = false"
       @accept="remove(id)"
     />
@@ -139,6 +143,7 @@ export default defineComponent({
     return {
       confirmDelete: false,
       saving: false,
+      deleting: false,
       methods: [
         { title: this.$t('endpoints.all'), value: '*' },
         { title: 'GET', value: 'GET' },
@@ -169,15 +174,17 @@ export default defineComponent({
       this.confirmDelete = true;
     },
     remove(id: string): void {
+      this.deleting = true;
       this.deleteEndpoint(id)
         .then(() => {
           this.showSuccess(this.$t('endpoints.deleteSuccess'));
           this.$router.back();
         })
         .catch((error) => {
           this.showError(error);
-          this.confirmDelete = false;
-        });
+        })
+        .finally(() => (this.confirmDelete = false))
+        .finally(() => (this.deleting = false));
     },
     save(): void {
       this.saving = true;

src/security-server/admin-service/ui/src/views/Service/ServiceView.vue

@@ -38,11 +38,9 @@
       class="xrd-tabs"
       color="primary"
       slider-size="2"
+      slider-color="primary"
+      :show-arrows="true"
     >
-      <v-tabs-slider
-        color="primary"
-        class="xrd-sub-tabs-slider"
-      ></v-tabs-slider>
       <v-tab
         v-for="tab in tabs"
         :key="tab.key"