bfg-common 1.4.102 → 1.4.103

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/config/basicTable.ts

@@ -1,70 +0,0 @@
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_I_MigrateSelectNetworkBasicItem } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
-import { networkBasicsTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/tableKeys'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.common.sourceNetwork, true, '33.3%', networkBasicsTableItemKeys[0]],
-    [localization.common.usedBy, true, '33.3%', networkBasicsTableItemKeys[1]],
-    [
-      localization.common.destinationNetwork,
-      true,
-      '33.3%',
-      networkBasicsTableItemKeys[2],
-    ],
-  ]
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 2 ? 'select' : `col${i}`
-    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (
-  data: UI_I_MigrateSelectNetworkBasicItem[]
-): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-
-  data.forEach((network: UI_I_MigrateSelectNetworkBasicItem) => {
-    const data = {
-      id: `${network.source_network}-select`,
-      sourceNetwork: network.source_network,
-      disabled: false,
-      value: network.destination_network.find(
-        (item) => item === network.source_network
-      ),
-      option: network.destination_network,
-    }
-
-    bodyItems.push([
-      {
-        key: 'col0',
-        text: network[networkBasicsTableItemKeys[0]],
-        id: network.source_network,
-      },
-      {
-        key: 'col1',
-        text: network[networkBasicsTableItemKeys[1]],
-        id: network.source_network,
-      },
-      {
-        key: 'select',
-        text: network[networkBasicsTableItemKeys[2]],
-        data,
-        id: network.source_network,
-      },
-    ])
-  })
-  return bodyItems
-}

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/config/tableKeys.ts

@@ -1,13 +0,0 @@
-import type {
-  UI_T_NetworkBasicsTableKeysTuple,
-  UI_T_NetworkAdvancedTableKeysTuple,
-} from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/types'
-
-export const networkBasicsTableItemKeys: UI_T_NetworkBasicsTableKeysTuple = [
-  'source_network',
-  'used_by',
-  'destination_network',
-]
-
-export const networkAdvancedTableItemKeys: UI_T_NetworkAdvancedTableKeysTuple =
-  ['vm_name', 'network_adapter', 'source_network', 'destination_network']

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/models/interfaces.ts

@@ -1,12 +0,0 @@
-export interface UI_I_MigrateSelectNetworkBasicItem {
-  source_network: string
-  used_by: string
-  destination_network: string
-}
-
-export interface UI_I_MigrateSelectNetworkAdvancedItem {
-  vm_name: string
-  network_adapter: string
-  source_network: string
-  destination_network: string
-}

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/models/types.ts

@@ -1,21 +0,0 @@
-import type {
-  UI_I_MigrateSelectNetworkBasicItem,
-  UI_I_MigrateSelectNetworkAdvancedItem,
-} from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
-
-export type UI_T_NetworkAdvancedTableKeysTuple = [
-  'vm_name',
-  'network_adapter',
-  'source_network',
-  'destination_network'
-]
-
-export type UI_T_NetworkBasicsTableKeysTuple = [
-  'source_network',
-  'used_by',
-  'destination_network'
-]
-
-export type UI_T_MigrateSelectNetwork =
-  | UI_I_MigrateSelectNetworkBasicItem
-  | UI_I_MigrateSelectNetworkAdvancedItem

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/UseAt.vue

@@ -1,54 +0,0 @@
-<template>
-  <div class="table-wrap">
-    <atoms-table-data-grid
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="bodyItems.length"
-      :page-size="100"
-      :page="1"
-      :total-pages="1"
-      class="select-network"
-      test-id="use-at-table"
-      server-off
-      off-select-by-row
-      hide-footer
-      hide-page-size
-    >
-    </atoms-table-data-grid>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import * as table from '~/components/common/wizards/vm/migrate/select/network/table/useAt/lib/config/useAtTable'
-
-const props = defineProps<{
-  networks: any[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value)
-)
-
-const bodyItems = computed<UI_I_BodyItem[][]>(() => {
-  return table.bodyItems(props.networks)
-})
-</script>
-
-<style lang="scss" scoped>
-.select-network {
-  :deep(.datagrid) {
-    margin-top: 0;
-  }
-  :deep(.datagrid-outer-wrapper) {
-    padding-top: 0;
-    //height: inherit;
-  }
-}
-</style>

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/lib/config/tableKeys.ts

@@ -1,7 +0,0 @@
-import type { UI_T_NetworkUseAtTableKeysTuple } from '~/components/common/wizards/vm/migrate/select/network/table/useAt/lib/models/types'
-
-export const useAtTableItemKeys: UI_T_NetworkUseAtTableKeysTuple = [
-  'vm_name',
-  'network_adapter',
-  'network',
-]

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/lib/config/useAtTable.ts

@@ -1,47 +0,0 @@
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import * as defaultSettings from '~/components/atoms/table/dataGrid/lib/config/settingsTable'
-import { useAtTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/useAt/lib/config/tableKeys'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.common.vm, true, '33.3%', useAtTableItemKeys[0]],
-    [localization.common.networkAdapter, true, '33.3%', useAtTableItemKeys[1]],
-    [localization.common.network, true, '33.3%', useAtTableItemKeys[2]],
-  ]
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  return defaultSettings.defaultHeadItems(getItems(localization))
-}
-
-export const bodyItems = (data: any[]): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-
-  data.forEach((network: any, key: number) => {
-    bodyItems.push([
-      {
-        key: 'col0',
-        text: network[useAtTableItemKeys[0]],
-        id: key,
-      },
-      {
-        key: 'col1',
-        text: network[useAtTableItemKeys[1]],
-        id: key,
-      },
-      {
-        key: 'col2',
-        text: network[useAtTableItemKeys[2]],
-        data,
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/lib/models/interfaces.ts

@@ -1 +0,0 @@
-

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/lib/models/types.ts

@@ -1,5 +0,0 @@
-export type UI_T_NetworkUseAtTableKeysTuple = [
-  'vm_name',
-  'network_adapter',
-  'network'
-]

package/components/common/wizards/vmNew/migrate/select/priority/Priority.vue

@@ -1,39 +0,0 @@
-<template>
-  <div class="select-priority">
-    <common-select-radio-group
-      v-model="selectedPriorityType"
-      :options="vmMigrationPriorityTypes"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
-import { vmMigrateSelectPriorityTypesFunc } from '~/components/common/wizards/vm/migrate/select/priority/lib/config/typeOptions'
-
-const props = defineProps<{
-  modelValue: UI_T_SelectVMotionPriority
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: UI_T_SelectVMotionPriority): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const vmMigrationPriorityTypes = computed<UI_I_RadioOption[]>(() =>
-  vmMigrateSelectPriorityTypesFunc(localization.value)
-)
-
-const selectedPriorityType = computed<UI_T_SelectVMotionPriority>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: UI_T_SelectVMotionPriority) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/wizards/vmNew/migrate/select/priority/lib/config/typeOptions.ts

@@ -1,21 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-
-export const vmMigrateSelectPriorityTypesFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: localization.common.scheduleVMotionWithHighPriority,
-      value: 'high',
-      disabled: false,
-      description: localization.common.scheduleVMotionWithHighPriorityDesc,
-    },
-    {
-      label: localization.common.scheduleNormalVMotion,
-      value: 'normal',
-      disabled: false,
-      description: localization.common.scheduleNormalVMotionDesc,
-    },
-  ]
-}

package/components/common/wizards/vmNew/migrate/select/priority/lib/models/types.ts

@@ -1 +0,0 @@
-export type UI_T_SelectVMotionPriority = 'high' | 'normal'

package/components/common/wizards/vmNew/migrate/select/storage/Storage.vue

@@ -1,207 +0,0 @@
-<template>
-  <div class="select-storage">
-    <atoms-alert
-      v-show="props.alertMessages?.length"
-      test-id="select-storage-alert"
-      status="alert-danger"
-      :items="props.alertMessages"
-      @remove="onHideAlert"
-    />
-
-    <common-wizards-vm-migrate-select-storage-selected-per-disk
-      v-if="isShowSelectedPerDisks"
-      v-model="isShowSelectedPerDisks"
-      v-model:active-tab="activeTab"
-      v-model:connected-storage-id-local="connectedStorageIdLocal"
-      :data="selectedPerDisks"
-    />
-
-    <atoms-tabs
-      v-else
-      v-model="activeTab"
-      test-id="migrate-select-storage-tabs"
-      :items="selectStorageTabs"
-      size="small"
-      class="select-storage__tabs"
-      @change="onChangeMigrateMode"
-    />
-
-    <common-wizards-vm-new-migrate-select-storage-configure-batch
-      v-show="activeTab === 'batch-configure'"
-      v-model="model"
-      :get-datastore-table-func="props.getDatastoreTableFunc"
-      :datastore="props.datastore"
-      :connected-storage-id="connectedStorageId"
-      :is-hide-select-disk-format="isHideSelectDiskFormat"
-      @update-selected-datastore="selectStorageDataLocal.storage = $event"
-    >
-      <template v-if="isShowSelectedPerDisks" #buttonConfirm>
-        <button
-          class="btn btn-sm btn-primary"
-          data-id="apply-selected-per-disks-button"
-          @click="onApplyChanges"
-        >
-          {{ localization.common.confirm }}
-        </button>
-      </template>
-    </common-wizards-vm-new-migrate-select-storage-configure-batch>
-
-    <common-wizards-vm-migrate-select-storage-configure-disk
-      v-show="activeTab === 'configure-disk'"
-      v-model="isShowSelectedPerDisks"
-      v-model:selected-per-disk-keys="selectedPerDiskKeys"
-      v-model:active-tab="activeTab"
-      :configure-per-disks="configurePerDisksLocal"
-      @update-selected-per-disks="onChangePerDiskStorage"
-    />
-
-    <common-wizards-vm-common-validation-compatibility
-      :loading="!selectStorageDataLocal.storage"
-      :status="'Success'"
-      text="compatibilityChecksSucceeded"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
-import type {
-  UI_I_SelectStorageDataLocal,
-  UI_I_SelectStorageReadyData,
-} from '~/components/common/wizards/vm/migrate/select/storage/lib/models/interfaces'
-import type { UI_I_MigrateFormLocal } from '~/components/common/wizards/vmNew/migrate/lib/models/interfaces'
-import { vmMigrateSelectStorageTabsFunc } from '~/components/common/wizards/vm/migrate/select/storage/lib/config/tabsPannel'
-
-const props = defineProps<{
-  alertMessages: string[]
-  submit: number
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  connectedStorageIdDefault: string | null
-  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-}>()
-const model = defineModel<UI_I_MigrateFormLocal>({ required: true })
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-  (event: 'next-step', value: UI_I_SelectStorageReadyData): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const activeTab = ref<UI_T_VmMigrateSelectStorageTab>('batch-configure')
-const selectStorageTabs = computed<UI_I_CollapseNavItem[]>(() =>
-  vmMigrateSelectStorageTabsFunc(localization.value)
-)
-
-const selectStorageDataLocal = ref<UI_I_SelectStorageDataLocal>({
-  vmDiskFormat: 0,
-  storage: null,
-})
-const isShowSelectedPerDisks = ref<boolean>(false)
-
-const selectedPerDiskKeys = ref<number[]>([])
-const selectedPerDisks = ref<UI_I_StorageConfigurePerDiskItem[]>([])
-
-const configurePerDisksLocal = ref<UI_I_StorageConfigurePerDiskItem[]>(
-  props.configurePerDisks
-)
-
-const connectedStorageIdLocal = ref<string>('')
-const connectedStorageId = computed<string | null>(
-  () => connectedStorageIdLocal.value || props.connectedStorageIdDefault
-)
-
-const onChangeMigrateMode = (event: string): void => {
-  if (event === 'batch-configure') {
-    connectedStorageIdLocal.value = ''
-  }
-}
-const onChangePerDiskStorage = (
-  event: UI_I_StorageConfigurePerDiskItem[]
-): void => {
-  connectedStorageIdLocal.value = event[0].extra.datastore_id
-  model.value.disk_format = event[0].disk_format
-
-  selectedPerDisks.value = event
-}
-
-const onApplyChanges = (): void => {
-  /* TODO сделать рефакторинг потом */
-  configurePerDisksLocal.value.forEach((disk) => {
-    const selectedDisk = selectedPerDisks.value.find(
-      (selected) =>
-        selected.virtual_machine === disk.virtual_machine &&
-        selected.file === disk.file &&
-        selected.extra.datastore_id === disk.extra.datastore_id
-    )!
-
-    if (selectedDisk) {
-      const { storage } = selectStorageDataLocal.value
-
-      // ;({ name: disk.storage, id: disk.extra.datastore_id } = storage)
-      disk.storage = storage.name
-      disk.extra.datastore_id = storage.id
-      disk.disk_format = model.value.disk_format
-    }
-  })
-
-  isShowSelectedPerDisks.value = false
-  activeTab.value = 'configure-disk'
-  selectedPerDisks.value = []
-  selectedPerDiskKeys.value = []
-}
-
-const isHideSelectDiskFormat = computed<boolean>(() => {
-  return (
-    isShowSelectedPerDisks &&
-    selectedPerDisks.value.length === 1 &&
-    selectedPerDisks.value[0].file === 'Configuration file'
-  )
-})
-
-const checkValidityBlock = (): boolean => {
-  if (!selectStorageDataLocal.value.storage) {
-    return false
-  }
-
-  const isActivePerDiskTab = activeTab.value === 'configure-disk'
-  emits('next-step', {
-    ...selectStorageDataLocal.value,
-    tab: activeTab.value,
-    // ...(isActivePerDiskTab && { configureDisks: props.configurePerDisks }),
-    configureDisks: isActivePerDiskTab
-      ? configurePerDisksLocal.value
-      : props.configurePerDisks,
-  })
-  return true
-}
-watch(
-  () => props.submit,
-  () => {
-    checkValidityBlock()
-  }
-)
-
-const onHideAlert = (): void => {
-  emits('hide-alert', 3)
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.select-storage {
-  @include flex($dir: column);
-  height: inherit;
-  &__tabs {
-    width: 100%;
-    :deep(.nav) {
-      margin-top: 0;
-    }
-  }
-}
-</style>

package/components/common/wizards/vmNew/migrate/select/storage/configure/batch/Batch.vue

@@ -1,67 +0,0 @@
-<template>
-  <div class="configure-batch-mode">
-    {{ model.disk_format }}
-
-    <common-select-input
-      v-if="!isHideSelectDiskFormat"
-      v-model="model.disk_format"
-      :data="configuredSpeedOptions"
-      :label="localization.common.selectVirtualDiskFormat"
-      class="mr-1"
-    />
-
-    <common-wizards-vm-migrate-select-storage-disk-format
-      v-if="!isHideSelectDiskFormat"
-      v-model="model.disk_format"
-    />
-
-    <common-wizards-vm-migrate-select-storage-table-datastore
-      :get-datastore-table-func="props.getDatastoreTableFunc"
-      :datastore="props.datastore"
-      :connected-storage-id="props.connectedStorageId"
-      @update-selected-datastore="emits('update-selected-datastore', $event)"
-    />
-
-    <div
-      v-if="$slots.buttonConfirm"
-      class="clr-justify-content-end configure-batch-mode__button"
-    >
-      <slot name="buttonConfirm"></slot>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_MigrateFormLocal } from '~/components/common/wizards/vmNew/migrate/lib/models/interfaces'
-import { vmDiskFormatOptions } from '~/components/common/wizards/vmNew/migrate/select/storage/diskFormat/lib/config/formatOptions'
-
-const props = defineProps<{
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  connectedStorageId: string | null
-  isHideSelectDiskFormat: boolean
-}>()
-const model = defineModel<UI_I_MigrateFormLocal>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const configuredSpeedOptions = computed<UI_I_OptionItem[]>(() =>
-  vmDiskFormatOptions()
-)
-
-const emits = defineEmits<{
-  (event: 'update-selected-datastore', value: UI_I_TablePayload): void
-}>()
-</script>
-
-<style lang="scss" scoped>
-.configure-batch-mode {
-  &__button {
-    display: flex;
-  }
-}
-</style>

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/Disk.vue

@@ -1,87 +0,0 @@
-<template>
-  <div class="migrate-configure-disk">
-    <div class="btn-group">
-      <button
-        id="vm-migrate-configure"
-        data-id="vm-migrate-configure-button"
-        class="btn btn-link btn-sm"
-        :disabled="!selectedDisksFromTable.length"
-        @click="onConfigure"
-      >
-        {{ localization.common.configure }}
-      </button>
-    </div>
-
-    <common-wizards-vm-migrate-select-storage-table-disk
-      v-model:selected-per-disk="selectedPerDiskKeysLocal"
-      :configure-per-disks="props.configurePerDisks"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
-import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
-
-const props = defineProps<{
-  modelValue: boolean
-  selectedPerDiskKeys: number[]
-  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-  activeTab: UI_T_VmMigrateSelectStorageTab
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: boolean): void
-  (event: 'update:selected-per-disk-keys', value: number[]): void
-  (
-    event: 'update-selected-per-disks',
-    value: UI_I_StorageConfigurePerDiskItem[]
-  ): void
-  (event: 'update:active-tab', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedDisksFromTable = computed<UI_I_StorageConfigurePerDiskItem[]>(
-  () => {
-    if (!props.configurePerDisks) return []
-
-    return props.configurePerDisks.filter((_: never, key: number) =>
-      selectedPerDiskKeysLocal.value.includes(key)
-    )
-  }
-)
-
-const onConfigure = (): void => {
-  emits('update-selected-per-disks', selectedDisksFromTable.value)
-  emits('update:model-value', true)
-  activeTabValue.value = 'batch-configure'
-}
-
-const selectedPerDiskKeysLocal = computed<number[]>({
-  get(): number[] {
-    return props.selectedPerDiskKeys
-  },
-  set(newValue: number[]) {
-    emits('update:selected-per-disk-keys', newValue)
-  },
-})
-
-const activeTabValue = computed<UI_T_VmMigrateSelectStorageTab>({
-  get() {
-    return props.activeTab
-  },
-  set(newValue: string) {
-    emits('update:active-tab', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.migrate-configure-disk {
-  @include flex($dir: column);
-  height: inherit;
-  margin-top: 10px;
-}
-</style>