bfg-common 1.5.774 → 1.5.775

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/Old.vue

@@ -1,180 +0,0 @@
-<template>
-  <div class="exception-users">
-    <h5 class="font-bold">
-      {{ localization.configureSecurityProfile.exceptionUsers }}
-    </h5>
-    <label>
-      {{ localization.configureSecurityProfile.exceptionUsersDesc }}
-      <span class="relative">
-        <input v-model="newUserName" type="text" class="add-new-name-input" />
-        <span class="sub-text-input">
-          {{ localization.configureSecurityProfile.separateUsersWithCommas }}
-        </span>
-      </span>
-      <span class="add-user-btn" @click="emits('add', newUserName)">
-        {{ localization.common.addUser }}
-      </span>
-    </label>
-
-    <div class="mt-3">
-      <atoms-table-data-grid
-        v-model:column-keys="columnItems"
-        :head-items="headItems"
-        :body-items="bodyItems"
-        :total-items="bodyItems.length"
-        :page-size="100"
-        :page="1"
-        :total-pages="1"
-        test-id="exception-users-table"
-        hide-pagination
-        hide-page-size
-        off-select-by-row
-        server-off
-      >
-        <template #col1="{ item }">
-          <div class="data-table__action-icon">
-            <atoms-popover
-              :test-id="`${item.data.id}-popover`"
-              @click="onShowTooltip(item.data.id)"
-            >
-              <template #elem>
-                <span class="ellipsis-vertical-btn">
-                  <atoms-the-icon name="ellipsis-vertical" />
-                </span>
-              </template>
-              <template #content>
-                <div v-if="showTooltip && item.data.id === selectedUserId">
-                  <div class="action-container">
-                    <div class="action-wrap relative">
-                      <button
-                        :data-id="`${item.data.id}-remove-button`"
-                        class="action"
-                        @click="onRemoveUser(item.data.name)"
-                      >
-                        {{ localization.common.removeUser }}
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </template>
-            </atoms-popover>
-          </div>
-        </template>
-      </atoms-table-data-grid>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/compact/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ColumnKey } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
-import * as exceptionUsersTable from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/table'
-
-const localEditData = defineModel<UI_I_LockdownModeData>('localEditData', {
-  required: true,
-})
-
-const emits = defineEmits<{
-  (event: 'add', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const newUserName = ref<string>('')
-
-const columnItems = computed<UI_I_ColumnKey[]>(() =>
-  exceptionUsersTable.columnKeys(localization.value)
-)
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  exceptionUsersTable.headItems(localization.value)
-)
-
-const bodyItems = ref<UI_I_BodyItem[][]>([])
-watch(
-  localEditData,
-  (newValue) => {
-    if (!newValue.exceptionUsers?.length) {
-      bodyItems.value = []
-      return
-    }
-    bodyItems.value = exceptionUsersTable.bodyItems(newValue.exceptionUsers)
-  },
-  { immediate: true, deep: true }
-)
-
-const selectedUserId = ref<number | null>(null)
-const showTooltip = ref<boolean>(false)
-const onShowTooltip = (id: number): void => {
-  selectedUserId.value = id
-  showTooltip.value = true
-}
-
-const onRemoveUser = (value: string): void => {
-  localEditData.value.exceptionUsers =
-    localEditData.value.exceptionUsers.filter((item) => item !== value)
-}
-
-const hideActionsPopover = (): void => {
-  showTooltip.value = false
-}
-
-onMounted(() => {
-  // TODO найти вариант лучше
-
-  setTimeout(() => {
-    window.addEventListener('click', hideActionsPopover)
-  })
-})
-onUnmounted(() => {
-  window.removeEventListener('click', hideActionsPopover)
-})
-</script>
-
-<style scoped lang="scss">
-.action-container {
-  position: absolute;
-  top: -33px;
-  left: 5px;
-  background: var(--block-view-bg-color2);
-  border: 1px solid var(--block-border-color);
-  padding: 5px 6px;
-  border-radius: 3px;
-
-  .action-wrap {
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      width: 8px;
-      height: 8px;
-      background: var(--block-view-bg-color2);
-      transform: rotate(45deg);
-      left: -11px;
-      bottom: calc(50% - 4px);
-      border-left: 0.5px solid var(--block-border-color);
-      border-bottom: 0.5px solid var(--block-border-color);
-      z-index: var(--z-dropdown);
-    }
-  }
-  .action {
-    border: none;
-    padding: 1px 20px;
-    width: 100%;
-    text-align: left;
-    cursor: pointer;
-    background: var(--block-view-bg-color2);
-    color: var(--global-font-color3);
-    white-space: nowrap;
-    text-transform: capitalize;
-
-    &:hover {
-      background: var(--vertical-nav-hover-bg-color);
-    }
-  }
-}
-</style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/table.ts

@@ -1,64 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { exceptionUsersTableKeys } from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/tableKeys'
-import {
-  constructColumnKey,
-  constructHeadItem,
-} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    ['', true, '10%', exceptionUsersTableKeys[0]],
-    [localization.common.user, true, '90%', exceptionUsersTableKeys[1]],
-  ]
-}
-
-export const columnKeys = (
-  localization: UI_I_Localization
-): UI_I_ColumnKey[] => {
-  const result: UI_I_ColumnKey[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = `col${i + 1}`
-    result.push(constructColumnKey(col, item[0], item[1]))
-  })
-
-  return result
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = `col${i + 1}`
-    result.push(
-      constructHeadItem(col, item[0], item[3], false, item[2], '', item[3])
-    )
-  })
-  return result
-}
-
-export const bodyItems = (data: string[]): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-  data.forEach((item: string, key) => {
-    bodyItems.push([
-      {
-        key: 'col1',
-        text: '',
-        id: key,
-        data: { id: key, name: item },
-      },
-      {
-        key: 'col2',
-        text: item,
-        id: key,
-      },
-    ])
-  })
-
-  return bodyItems
-}

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/config/tableKeys.ts

@@ -1,6 +0,0 @@
-import type { UI_T_ExceptionUsersTableKeys } from '~/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/models/types'
-
-export const exceptionUsersTableKeys: UI_T_ExceptionUsersTableKeys[] = [
-  'action',
-  'user',
-]

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/exceptionUsers/old/lib/models/types.ts

@@ -1 +0,0 @@
-export type UI_T_ExceptionUsersTableKeys = 'action' | 'user'

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lib/config/tabs.ts

@@ -1,19 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-
-export const navigateTabsFunc = (
-  localization: UI_I_Localization
-): UI_I_VerticalTabs[] => {
-  return [
-    {
-      value: 1,
-      text: localization.common.lockdownMode,
-      testId: 'lockdown-mode-tab',
-    },
-    {
-      value: 2,
-      text: localization.configureSecurityProfile.exceptionUsers,
-      testId: 'exception-users-tab',
-    },
-  ]
-}

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lockdownMode/LockdownMode.vue

@@ -1,22 +0,0 @@
-<template>
-  <component :is="currentComponent" v-model:form="form" />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
-
-const form = defineModel<UI_I_LockdownModeData>('form', {
-  required: true,
-})
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lockdownMode/New.vue

@@ -1,5 +0,0 @@
-<template>New</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/modals/lockdownModeEdit/lockdownMode/Old.vue

@@ -1,76 +0,0 @@
-<template>
-  <div class="lockdown-mode">
-    <h5 class="font-bold">{{ localization.common.lockdownMode }}</h5>
-    <p>{{ localization.configureSecurityProfile.lockdownModeDesc }}</p>
-
-    <div class="clr-form-control">
-      <label class="clr-col-12 clr-col-md-12 clr-control-label">
-        {{ localization.configureSecurityProfile.specifyHostLockdownMode }}
-      </label>
-      <div class="radio-content">
-        <div class="label-content">
-          <div class="flex-align-center">
-            <input
-              id="disabledValue"
-              v-model="form.lockdownMode"
-              type="radio"
-              class="custom-radio-button absolute"
-              value="disabled"
-              name="lockdownMode"
-            />
-            <label for="disabledValue" class="custom-radio-label">
-              {{ localization.common.disabled }}
-            </label>
-          </div>
-        </div>
-      </div>
-      <div class="radio-content">
-        <div class="label-content">
-          <div class="flex-align-center">
-            <input
-              id="normalValue"
-              v-model="form.lockdownMode"
-              type="radio"
-              class="custom-radio-button absolute"
-              value="normal"
-              name="lockdownMode"
-            />
-            <label for="normalValue" class="custom-radio-label">
-              {{ localization.common.normal }}
-            </label>
-          </div>
-        </div>
-      </div>
-      <div class="radio-content">
-        <div class="label-content">
-          <div class="flex-align-center">
-            <input
-              id="strictValue"
-              v-model="form.lockdownMode"
-              type="radio"
-              class="custom-radio-button absolute"
-              value="strict"
-              name="lockdownMode"
-            />
-            <label for="strictValue" class="custom-radio-label">
-              {{ localization.common.strict }}
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_LockdownModeData } from '~/store/inventory/modules/configure/securityProfile/lib/models/interfaces'
-
-const form = defineModel<UI_I_LockdownModeData>('form', {
-  required: true,
-})
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/tools/New.vue

@@ -1,5 +0,0 @@
-<template>New</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/tools/Old.vue

@@ -1,30 +0,0 @@
-<template>
-  <common-headline :headline="props.title" class="items-center">
-    <template #action>
-      <button
-        class="btn btn-sm btn-secondary ng-star-inserted"
-        @click="emits('show-edit')"
-      >
-        {{ localization.common.edit }}...
-      </button>
-    </template>
-  </common-headline>
-  <p>{{ props.description }}</p>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  title: string
-  description: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'show-edit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/configure/securityProfile/lockdownMode/tools/Tools.vue

@@ -1,29 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    :title="localization.common.lockdownMode"
-    :description="localization.configureSecurityProfile.lockdownModeDesc"
-    @show-edit="emits('show-edit')"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const emits = defineEmits<{
-  (event: 'show-edit'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/layout/console/Console.vue

@@ -1,70 +0,0 @@
-<template>
-  <atoms-window
-    v-if="consoleInWindow?.isShow"
-    :top="consoleInWindow.top"
-    :left="consoleInWindow.left"
-    :width="consoleInWindow.width"
-    :height="consoleInWindow.height"
-    :title="consoleInWindow.name"
-    :loading="consoleInWindow.isLoading"
-    @hide="onHide"
-  >
-    <template #header>
-      <div class="flex-align-center gap-2 overflow-hidden">
-        <ui-icon name="monitor" width="16" height="16" class="monitor-icon" />
-        <span class="text-ellipsis">{{ consoleInWindow.name }}</span>
-      </div>
-    </template>
-    <embed
-      id="embed"
-      type="text/html"
-      width="100%"
-      height="100%"
-      :src="consoleInWindow.url"
-      @load="onLoad"
-    />
-  </atoms-window>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ConsoleInWindow } from '~/components/common/layout/console/lib/models/interfaces'
-
-const { $store }: any = useNuxtApp()
-
-const onLoad = (): void => {
-  $store.dispatch('main/A_CHANGE_CONSOLE_IN_WINDOW_LOADING', false)
-}
-
-const consoleInWindow = computed<UI_I_ConsoleInWindow | null>(() => {
-  return $store.getters['main/getConsoleInWindow']
-})
-watch(
-  consoleInWindow,
-  (newValue, oldValue) => {
-    if (newValue?.url === oldValue?.url) {
-      $store.dispatch('main/A_CHANGE_CONSOLE_IN_WINDOW_LOADING', false)
-    }
-  },
-  { deep: true }
-)
-
-const onHide = (): void => {
-  $store.dispatch('main/A_SHOW_CONSOLE_IN_WINDOW', {
-    width: -1,
-    height: -1,
-    top: -1,
-    left: -1,
-    name: '',
-    isShow: false,
-    isLoading: false,
-    url: '',
-  })
-}
-</script>
-
-<style scoped lang="scss">
-.monitor-icon {
-  min-width: 16px;
-  min-height: 16px;
-}
-</style>

package/components/common/layout/console/lib/models/interfaces.ts

@@ -1,10 +0,0 @@
-export interface UI_I_ConsoleInWindow {
-    width: number
-    height: number
-    top: number
-    left: number
-    name: string
-    isShow: boolean
-    isLoading: boolean
-    url: string
-}

package/components/common/layout/theHeader/helpMenu/about/Old.vue

@@ -1,78 +0,0 @@
-<template>
-  <atoms-modal :title="props.title" show width="864px" test-id="about-modal">
-    <template #modalHeader>
-      <div class="flex-align-center">
-        <h3 class="modal-title">{{ brandName }}® {{ props.projectName }}</h3>
-        <span class="separator" />
-        <h4 class="secondary-title">
-          {{ props.subtitle }}
-        </h4>
-      </div>
-      <button id="about-modal-button-close" class="close">
-        <atoms-the-icon
-          data-id="about-modal-button-close-icon"
-          class="close-icon"
-          name="close"
-          @click="() => emits('hide')"
-        />
-      </button>
-    </template>
-
-    <template #modalBody>
-      <div class="about-vsphere-dialog-legal-section">
-        <p>{{ props.aboutHeadingText }}</p>
-        <p>{{ localization.layout.aboutSubtitle }}</p>
-      </div>
-
-      <div class="about-vsphere-dialog-legal-section description">
-        {{ props.aboutDescOne
-        }}<a
-          id="about-description-link"
-          :href="url"
-          data-id="about-description-link"
-          target="_blank"
-          >{{ props.url }}</a
-        >{{ props.aboutDescSecond }}
-      </div>
-    </template>
-
-    <template #modalFooter>
-      <span></span>
-    </template>
-  </atoms-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  title: string
-  subtitle: string
-  aboutHeadingText: string
-  aboutDescOne: string
-  aboutDescSecond: string
-  projectName: string
-  url: string
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const config = useRuntimeConfig()
-
-const brandName = computed<string>(
-  () => config.public[`TRADEMARK_${useEnvLanguage()}`]
-)
-</script>
-
-<style lang="scss" scoped>
-.modal-title {
-  color: var(--main-color-mode);
-}
-.description {
-  padding-top: 10px;
-  font-size: 13px;
-  line-height: 19px;
-}
-</style>