bfg-common 1.5.442 → 1.5.443

package/components/common/countdownTimer/CountdownTimerNew.vue

@@ -1,53 +0,0 @@
-<template>
-  <div class="countdown-timer-container flex items-center justify-center">
-    <div class="inner-block">
-      <span class="value">{{ props.minutes }}:{{ props.seconds }}</span>
-      <span class="seconds-text">{{ localization.common.seconds }}</span>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  minutes: string
-  seconds: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style>
-:root {
-  --countdown-time-block-bg: #e9ebed66;
-  --countdown-time-value-color: #182531;
-}
-:root.dark-theme {
-  --countdown-time-block-bg: #e9ebed0f;
-  --countdown-time-value-color: #e9eaec;
-}
-</style>
-
-<style lang="scss" scoped>
-.countdown-timer-container {
-  border-radius: 8px;
-  background-color: var(--countdown-time-block-bg);
-
-  .inner-block {
-    margin: 16px 0;
-
-    .value {
-      font-weight: 500;
-      font-size: 40px;
-      color: var(--countdown-time-value-color);
-    }
-    .seconds-text {
-      font-weight: 400;
-      font-size: 16px;
-      color: #9da6ad;
-      margin-left: 6px;
-    }
-  }
-}
-</style>

package/components/common/countdownTimer/CountdownTimerOld.vue

@@ -1,33 +0,0 @@
-<template>
-  <div class="countdown-timer">
-    <h3 class="countdown-timer__inner">
-      <span class="countdown-timer__minutes">{{ props.minutes }}</span>
-      <span class="countdown-timer__separator">:</span>
-      <span class="countdown-timer__seconds"
-        >{{ props.seconds }} {{ localization.common.seconds }}</span
-      >
-    </h3>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  minutes: string
-  seconds: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.countdown-timer {
-  &__inner {
-    padding-top: 12px;
-    & > span {
-      font-size: 40px;
-    }
-  }
-}
-</style>

package/components/common/layout/theHeader/modals/reconnect/ReconnectNew.vue

@@ -1,74 +0,0 @@
-<template>
-  <ui-modal
-    :show="props.isShow"
-    :title="props.title"
-    :texts="modalTexts"
-    test-id="reconnect-modal"
-    size="sm"
-    width="560px"
-    @hide="emits('logout')"
-    @submit="emits('reconnect')"
-  >
-    <template #content>
-      <div class="reconnect-content">
-        <div class="icon-content flex items-center gap-2">
-          <span class="icon-sessions"></span>
-          <span class="description-text">{{
-            localization.common.reconnectDesc
-          }}</span>
-        </div>
-        <div class="timer-block mt-4">
-          <common-countdown-timer
-            :timer="props.timer"
-            :total-time="props.totalTime"
-          />
-        </div>
-      </div>
-    </template>
-    <template #footerLeftContent>
-      <span></span>
-    </template>
-  </ui-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  isShow: boolean
-  title: string
-  timer: NodeJS.Timer | null
-  totalTime: number
-}>()
-
-const emits = defineEmits<{
-  (event: 'logout'): void
-  (event: 'reconnect'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const modalTexts = ref<UI_I_ModalTexts>({
-  button1: localization.value.auth.logout,
-  button2: localization.value.common.reconnect,
-})
-</script>
-
-<style lang="scss" scoped>
-.reconnect-content {
-  padding: 16px 32px 8px 32px;
-
-  .icon-content {
-    .icon-sessions {
-      width: 24px;
-      height: 24px;
-    }
-    .description-text {
-      font-size: 14px;
-      font-weight: 400;
-      color: #9da6ad;
-    }
-  }
-}
-</style>

package/components/common/layout/theHeader/modals/reconnect/ReconnectOld.vue

@@ -1,67 +0,0 @@
-<template>
-  <atoms-modal
-    :show="props.isShow"
-    :title="props.title"
-    test-id="connection-timeout-reconnect-modal"
-    width="580px"
-    class="connection-timeout"
-    is-hide-close-icon
-  >
-    <template #modalBody>
-      <div class="connection-timeout__body">
-        <span>{{ localization.common.yourSessionExpireAfter }}:</span>
-        <common-countdown-timer
-          :timer="props.timer"
-          :total-time="props.totalTime"
-        />
-      </div>
-    </template>
-
-    <template #modalFooter>
-      <button
-        id="logout-button"
-        data-id="logout-button"
-        class="btn btn-outline"
-        @click="emits('logout')"
-      >
-        {{ localization.common.logout }}
-      </button>
-
-      <button
-        id="reconnect-button"
-        data-id="reconnect-button"
-        class="btn btn-primary"
-        @click="emits('reconnect')"
-      >
-        {{ localization.common.reconnect }}
-      </button>
-    </template>
-  </atoms-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  isShow: boolean
-  title: string
-  timer: NodeJS.Timer | null
-  totalTime: number
-}>()
-
-const emits = defineEmits<{
-  (event: 'logout'): void
-  (event: 'reconnect'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.connection-timeout {
-  &__body {
-    text-align: center;
-    margin: 15px 0;
-  }
-}
-</style>

package/components/common/wizards/network/add/steps/SelectConnectionType.vue

@@ -1,112 +0,0 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content">
-      <form>
-        <div v-permission="'Networks.CreateSysx'" class="radio">
-          <input
-            id="vmkernel-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="0"
-            name="connection-type"
-          />
-          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
-            {{ localization.common.vmKernelNetworkAdapter }}
-          </label>
-        </div>
-        <div
-          v-permission="'Networks.CreateSysx'"
-          class="add-networking-radio-button-description"
-        >
-          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
-        </div>
-        <div v-permission="'Networks.CreatePortGroup'" class="radio">
-          <input
-            id="virtual"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="1"
-            name="connection-type"
-          />
-          <label for="virtual" data-id="virtual-radio">
-            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
-          </label>
-        </div>
-        <div
-          v-permission="'Networks.CreatePortGroup'"
-          class="add-networking-radio-button-description"
-        >
-          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
-        </div>
-        <div class="radio">
-          <input
-            id="physical-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="2"
-            name="connection-type"
-          />
-          <label for="physical-adapter" data-id="physical-adapter-radio">
-            {{ localization.common.physicalNetworkAdapter }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue: string
-    project?: UI_T_Project
-  }>(),
-  {
-    project: undefined,
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'update:model-value', connectionType: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const connectionTypeLocal = computed<string>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: string) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-.wizard-content {
-  height: auto;
-  width: inherit;
-  margin: 0;
-
-  .radio {
-    min-height: 20px;
-    margin: 10px 0;
-
-    label {
-      font-weight: 700;
-      margin: 6px 12px 6px 0;
-    }
-  }
-
-  .add-networking-radio-button-description {
-    padding-left: 20px;
-    color: #333;
-  }
-}
-</style>