feat: introducing server configurations in admin dashboard (#3628)

Co-authored-by: jamesgeorge007 <jamesgeorge998001@gmail.com>

packages/hoppscotch-sh-admin/src/components/settings/ServerRestart.vue

@@ -0,0 +1,87 @@
+<template>
+  <HoppSmartModal
+    v-if="restart"
+    :dimissible="false"
+    :title="t('configs.restart.title')"
+  >
+    <template #body>
+      <div class="text-center">
+        {{ t('configs.restart.description', { duration }) }}
+      </div>
+    </template>
+  </HoppSmartModal>
+</template>
+
+<script setup lang="ts">
+import { useMutation } from '@urql/vue';
+import { onMounted, ref } from 'vue';
+import { useI18n } from '~/composables/i18n';
+import { useToast } from '~/composables/toast';
+import { Config, useConfigHandler } from '~/composables/useConfigHandler';
+import {
+  EnableAndDisableSsoDocument,
+  ResetInfraConfigsDocument,
+  UpdateInfraConfigsDocument,
+} from '~/helpers/backend/graphql';
+
+const t = useI18n();
+const toast = useToast();
+
+const props = withDefaults(
+  defineProps<{
+    workingConfigs?: Config;
+    reset?: boolean;
+  }>(),
+  {
+    reset: false,
+  }
+);
+
+// Mutations to update or reset server configurations and audit logs
+const resetInfraConfigsMutation = useMutation(ResetInfraConfigsDocument);
+const updateInfraConfigsMutation = useMutation(UpdateInfraConfigsDocument);
+const updateAllowedAuthProviderMutation = useMutation(
+  EnableAndDisableSsoDocument
+);
+
+// Mutation handlers
+const { updateInfraConfigs, updateAuthProvider, resetInfraConfigs } =
+  useConfigHandler(props.workingConfigs);
+
+// Call relevant mutations on component mount and initiate server restart
+const duration = ref(30);
+const restart = ref(false);
+
+// Start countdown timer
+const startCountdown = () => {
+  const timer = setInterval(() => {
+    duration.value--;
+    if (duration.value === 0) {
+      clearInterval(timer);
+      toast.success(t('configs.restart.initiate'));
+      window.location.reload();
+    }
+  }, 1000);
+};
+
+// Call relevant mutations on component mount and initiate server restart
+onMounted(async () => {
+  let success = true;
+
+  if (props.reset) {
+    success = await resetInfraConfigs(resetInfraConfigsMutation);
+    if (!success) return;
+  } else {
+    const authResult = await updateAuthProvider(
+      updateAllowedAuthProviderMutation
+    );
+    const infraResult = await updateInfraConfigs(updateInfraConfigsMutation);
+
+    success = authResult && infraResult;
+    if (!success) return;
+  }
+
+  restart.value = true;
+  startCountdown();
+});
+</script>