bfg-common 1.4.126 → 1.4.128

package/components/common/wizards/vmNew/migrate/Migrate.vue

@@ -0,0 +1,229 @@
+<template>
+  <div class="migrate-vm">
+    <atoms-wizard
+      show
+      :wizard="wizard"
+      :selected-scheme="selectedScheme"
+      :title="localization.migrate"
+      :localization="localization"
+      class="migrate-vm-wizard"
+      test-id="migrate-vm-wizard"
+      @change-steps="onChangeSteps"
+      @hide="onHideModal"
+      @submit="onFinish"
+    >
+      <template #modalBody="{ selectedStep }">
+        <common-wizards-vm-new-migrate-select-type
+          v-if="selectedStep.id === 0"
+          v-model="form.migrate_type"
+          :project="props.project"
+        />
+
+        <common-wizards-vm-migrate-select-target-server v-if="false" />
+
+        <common-wizards-vm-migrate-select-compute-resource
+          v-if="false"
+          v-model="form"
+          :submit="selectComputeResourceSubmit"
+          :get-compute-resource-data="props.getComputeResourceData"
+          :migrate-type="form.migrate_type"
+          :compute-resource-data="props.computeResourceTableData"
+          :compute-resource-tree="props.computeResourceTree"
+        />
+
+        <common-wizards-vm-new-migrate-select-storage
+          v-show="selectedStep.id === 3"
+          v-model="form"
+          :alert-messages="alertMessages[3]"
+          :submit="selectStorageSubmit"
+          :get-datastore-table-func="props.getDatastoreTableFunc"
+          :datastore="props.datastore"
+          :connected-storage-id-default="connectedStorageIdOnVm"
+          :configure-per-disks="props.configurePerDisks"
+          @hide-alert="onHideAlert"
+        />
+
+        <common-wizards-vm-migrate-select-network
+          v-if="false"
+          v-model:is-basic-network-mode="
+            dataFormLocal.selectNetwork.isShowNetworkBasic
+          "
+          v-model:network-data="dataFormLocal.selectNetwork.data"
+        />
+
+        <common-wizards-vm-migrate-select-priority
+          v-if="false"
+          v-model="selectedVMotionPriority"
+        />
+
+        <common-ready-to-complete
+          v-if="selectedStep.id === 6"
+          :data="dataReadyView"
+        />
+      </template>
+    </atoms-wizard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_WizardStep,
+  UI_I_ValidationReturn,
+} from '~/components/atoms/wizard/lib/models/interfaces'
+import Wizard from '~/components/atoms/wizard/lib/utils/utils'
+import {
+  stepsFunc,
+  stepsSchemeInitial,
+} from '~/components/common/wizards/vmNew/migrate/lib/config/steps'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type {
+  UI_I_MigrateFormLocal,
+  UI_I_ChangeStepsSchemes,
+} from '~/components/common/wizards/vmNew/migrate/lib/models/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vmNew/migrate/select/type/lib/models/types'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_VmSettings } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/models/interfaces'
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
+import type { UI_I_CollectedDataFormLocal } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
+import { constructDataReadyViewFunc } from '~/components/common/wizards/vmNew/migrate/lib/config/constructDataReady'
+import * as validation from '~/components/common/wizards/vmNew/migrate/lib/validations'
+
+const props = defineProps<{
+  project: UI_T_Project
+  vmSettings: UI_I_VmSettings | null
+  vmName: string
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  getComputeResourceData: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+  computeResourceTableData?: any
+  computeResourceTree?: UI_I_TreeNode
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'finish', value: UI_I_MigrateFormLocal): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const wizard: Wizard = new Wizard(
+  stepsFunc(localization.value),
+  stepsSchemeInitial
+)
+
+const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
+const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
+
+const selectedVMotionPriority = ref<UI_T_SelectVMotionPriority>('high')
+const form = ref<UI_I_MigrateFormLocal>({
+  migrate_type: props.project === 'procurator' ? 'storage' : 'resource',
+  disk_format: 0,
+  storage: null,
+  configure: {
+    type: 'batch-configure',
+    disks: [],
+  },
+})
+
+const validationFunc = async (
+  value: UI_I_WizardStep[],
+  currentStep: UI_I_WizardStep,
+  nextStep: UI_I_WizardStep
+): Promise<UI_I_ValidationReturn> => {
+  let stepHasError = false
+
+  if (wizard.isValidateForStep(3, currentStep.id, nextStep.id)) {
+    const nameValidation = await validation.checkSelectedDatastoreSync(
+      localization.value,
+      form.value.storage,
+      wizard,
+      value
+    )
+
+    value = nameValidation.newValue
+
+    stepHasError = nameValidation.stepHasError
+  }
+
+  return {
+    newValue: value,
+    stepHasError,
+  }
+}
+const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
+  wizard.changeSteps(value, validationFunc)
+
+// Choosing Scheme
+watch(
+  form.migrate_type,
+  (newValue: UI_T_VmMigrateType) => {
+    const schemes: UI_I_ChangeStepsSchemes = {
+      procurator: {
+        storage: 0,
+      },
+      sphere: {
+        storage: 0,
+        resource: 1,
+      },
+    }
+
+    const projectSchemes = schemes[props.project]
+
+    if (projectSchemes && projectSchemes[newValue] !== undefined) {
+      wizard.changeScheme(projectSchemes[newValue] as number)
+    }
+  },
+  { deep: true, immediate: true }
+)
+
+const loading = ref<boolean>(false)
+
+const selectStorageSubmit = ref<number>(0)
+const selectComputeResourceSubmit = ref<number>(0)
+
+const connectedStorageIdOnVm = computed<string>(
+  () => props.vmSettings?.storage.id || ''
+)
+
+const dataReadyView = computed<UI_I_TableInfoItem>(() =>
+  constructDataReadyViewFunc(props.vmName, form.value)
+)
+
+const dataFormLocal = ref<UI_I_CollectedDataFormLocal>({
+  selectedComputeResource: null,
+  selectStorage: null,
+  selectNetwork: {
+    isShowNetworkBasic: true,
+    data: null,
+  },
+  selectedVMotionPriority: 'high',
+})
+const onFinish = (): void => {
+  loading.value = true
+  emits('finish', form.value)
+  loading.value = false
+}
+
+const onHideModal = (): void => {
+  emits('hide')
+}
+
+const onHideAlert = (stepId: number): void => {
+  wizard.hideAlertMessagesByStepId(stepId)
+}
+</script>
+
+<style scoped lang="scss">
+@import 'assets/scss/common/mixins.scss';
+.migrate-vm {
+  :deep(.modal-body) {
+    height: inherit;
+    @include flex($dir: column);
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/lib/config/constructDataReady.ts

@@ -0,0 +1,83 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
+import type { UI_I_MigrateFormLocal } from '~/components/common/wizards/vmNew/migrate/lib/models/interfaces'
+import { UI_E_VmMigrationType } from '~/components/common/wizards/vm/migrate/lib/models/enums'
+import { UI_E_SelectStorageDiskFormat } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/enums'
+import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/lib/config/formatOptions'
+
+const storageDetailsFunc = (
+  localization: UI_I_Localization,
+  migrationType: string,
+  name: string,
+  form: UI_I_MigrateFormLocal
+): UI_I_MigrateReadyBlockData[] => {
+  const { disk_format, configure, storage } = form
+
+  const isActivePerDiskTab: boolean = configure.type === 'configure-disk'
+
+  const diskFormat = vmDiskFormatOptions().find(
+    (file) => file.value === disk_format
+  )!
+
+  let result: UI_I_MigrateReadyBlockData[] = [
+    {
+      label: localization.common.migrationType,
+      value: migrationType,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.common.virtualMachine,
+      value: name,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.common.storage,
+      value: storage?.name,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: localization.common.diskFormat,
+      value: diskFormat.text,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: name,
+      value: '',
+      permissions: ['configure-disk'],
+    },
+  ]
+
+  if (isActivePerDiskTab && configure.disks) {
+    const perDiskItems: UI_I_MigrateReadyBlockData[] = configure.disks.map(
+      (disk) => {
+        const isConfigurationFile = disk.file === 'Configuration file'
+        const diskFormat = UI_E_SelectStorageDiskFormat[disk.disk_format]
+
+        const text = isConfigurationFile
+          ? disk.storage
+          : `${disk.storage} (${diskFormat})`
+
+        return {
+          label: disk.file,
+          value: text,
+          permissions: ['configure-disk'],
+          isProperty: true,
+        }
+      }
+    )
+    result = result.concat(perDiskItems)
+  }
+
+  return result.filter((option) => option.permissions.includes(configure.type))
+}
+export const constructDataReadyViewFunc = (
+  name: string,
+  data: UI_I_MigrateFormLocal
+): UI_I_MigrateReadyBlockData[] => {
+  const localization: UI_I_Localization = useLocal()
+
+  const migrationType =
+    localization.common[UI_E_VmMigrationType[data.migrate_type]]
+
+  return storageDetailsFunc(localization, migrationType, name, data)
+}

package/components/common/wizards/vmNew/migrate/lib/config/steps.ts

@@ -0,0 +1,82 @@
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => [
+  {
+    id: 0,
+    title: localization.common.selectMigrationType,
+    subTitle: localization.common.selectMigrationTypeDesc,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-type',
+  },
+  {
+    id: 1,
+    title: localization.common.selectTargetVCenterSer,
+    subTitle: localization.common.selectComputeResourceDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-target-server',
+  },
+  {
+    id: 2,
+    title: localization.common.selectComputeResource,
+    subTitle: localization.common.selectComputeResourceDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-compute-resource',
+  },
+  {
+    id: 3,
+    title: localization.common.selectStorage,
+    subTitle: localization.common.selectStorageDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'migrate-vm-select-storage',
+  },
+  {
+    id: 4,
+    title: localization.common.selectNetworks,
+    subTitle: localization.common.selectNetworksDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-networks',
+  },
+  {
+    id: 5,
+    title: localization.common.selectVMotionPriority,
+    subTitle: localization.common.selectVMotionPriorityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-vMotion-priority',
+  },
+  {
+    id: 6,
+    title: localization.common.readyComplete,
+    subTitle: '',
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  [0, 3, 6], // Procurator Scheme for "Change storage only" type
+  [0, 1, 3, 4, 5, 6], // Sphere Scheme for "shared-storm" type
+  [0, 1, 3, 4, 5, 6], // Sphere Scheme for "nfs" type
+]

package/components/common/wizards/vmNew/migrate/lib/models/enums.ts

@@ -0,0 +1,6 @@
+export enum UI_E_VmMigrationType {
+  resource = 'changeComputeResourceOriginalStorage',
+  storage = 'changeStorageComputeResource',
+  'resource-storage' = 'changeComputeResourceAndStorage',
+  server = '',
+}

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

@@ -0,0 +1,38 @@
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
+import type { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/interfaces'
+import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
+import type { UI_I_ComputeResourceDataLocal } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/models/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vmNew/migrate/select/type/lib/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
+
+export interface UI_I_MigrateFormLocal {
+  migrate_type: UI_T_VmMigrateType
+  disk_format: number
+  storage: any
+
+  configure: {
+    type: UI_T_VmMigrateSelectStorageTab
+    disks: UI_I_StorageConfigurePerDiskItem[]
+  }
+}
+
+export interface UI_I_ChangeStepsSchemes {
+  [key: string]: {
+    [key in UI_T_VmMigrateType]?: number
+  }
+}
+
+export interface UI_I_MigrateReadyBlockData extends UI_I_TableInfoItem {
+  permissions: UI_T_VmMigrateSelectStorageTab[]
+}
+
+export interface UI_I_CollectedDataFormLocal {
+  selectedComputeResource: UI_I_ComputeResourceDataLocal
+  selectStorage: UI_I_SelectStorageReadyData
+  selectNetwork: {
+    isShowNetworkBasic: boolean
+    data: any // добавить интерфае потом
+  }
+  selectedVMotionPriority: UI_T_SelectVMotionPriority
+}

package/components/common/wizards/vmNew/migrate/lib/validations.ts

@@ -0,0 +1,29 @@
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_ValidationReturn,
+  UI_I_WizardStep,
+} from '~/components/atoms/wizard/lib/models/interfaces'
+import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
+
+export const checkSelectedDatastoreSync = (
+  localization: UI_I_Localization,
+  name: string,
+  wizard: Wizard,
+  value: UI_I_WizardStep[]
+): UI_I_ValidationReturn => {
+  let stepHasError = false
+
+  if (!name) {
+    stepHasError = wizard.setValidation(3, 'name', {
+      fieldMessage: '',
+      alertMessage: localization.common.selectValidDestinationStorage,
+    })
+  } else if (wizard.hasMessage(3, 'name')) {
+    value = wizard.removeValidation(3, 'name', value)
+  }
+
+  return {
+    newValue: value,
+    stepHasError,
+  }
+}

package/components/common/wizards/vmNew/migrate/select/computeResource/ComputeResource.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="compute-resource">
+    <atoms-alert
+      v-if="errorMessages.length"
+      test-id="compute-resource-alert"
+      status="alert-danger"
+      :items="errorMessages"
+      @remove="onHideErrorMessageAlert"
+    />
+
+    <div
+      v-if="props.migrateType === 'resource-storage'"
+      class="tree-view-wrap mt-1"
+    >
+      <common-wizards-vm-common-compute-resource-tree-view
+        v-model="computeResourceDataLocal.selectedNode"
+        :compute-resource-tree="nodes"
+        @show-compute-resource-tree="onShowComputeResourceTree"
+        @select-compute-resource-tree="onSelectComputeResourceTree"
+      />
+    </div>
+
+    <template v-else>
+      <atoms-tabs
+        v-model="activeTab"
+        test-id="migrate-select-storage-tabs"
+        :items="selectStorageTabs"
+        size="small"
+        class="compute-resource__tabs"
+      />
+
+      <common-wizards-vm-migrate-select-compute-resource-table-view
+        v-model:selected-data="selectedTableDataKeys[activeTab]"
+        :get-compute-resource-data="props.getComputeResourceData"
+        :data-table="props.computeResourceData?.items || []"
+        :total-items="props.computeResourceData?.total_items || 0"
+        :total-pages="props.computeResourceData?.total_pages || 1"
+        :type="activeTab"
+      />
+    </template>
+
+    <common-wizards-vm-common-validation-compatibility
+      :loading="!computeResourceDataLocal.selectedNode"
+      :status="compatibilityText[0]"
+      :text="compatibilityText[1]"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type { UI_T_SelectComputeResourceTabType } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
+import type { UI_E_ComputeResourceTabKamelKeys } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/models/enums'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/lib/models/types'
+import type { UI_I_SelectedTableDataKeys } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/models/interfaces'
+import { vmMigrateComputeResourceTabsFunc } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/config/tabsPannel'
+
+const props = defineProps<{
+  submit: number
+  getComputeResourceData: (payload: UI_I_TablePayload) => Promise<void>
+  migrateType: UI_T_VmMigrateType
+  computeResourceData: any
+  computeResourceTree: UI_I_TreeNode
+}>()
+const emits = defineEmits<{
+  (event: 'next-step', value: any): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $recursion } = useNuxtApp()
+
+const activeTab = ref<UI_T_SelectComputeResourceTabType>('host')
+const selectStorageTabs = computed<UI_I_CollapseNavItem[]>(() =>
+  vmMigrateComputeResourceTabsFunc(localization.value)
+)
+
+const computeResourceDataLocal = ref<any>({
+  selectedNode: null,
+  host: null,
+  cluster: null,
+  resourcePool: null,
+  vApps: null,
+})
+
+const selectedTableDataKeys = ref<UI_I_SelectedTableDataKeys>({
+  host: null,
+  cluster: null,
+  'resource-pool': null,
+  'v-apps': null,
+})
+watch(
+  selectedTableDataKeys,
+  (newValue) => {
+    if (!props.computeResourceData?.items.length) return
+
+    const data = props.computeResourceData.items.find(
+      (_: never, key: number) => newValue[activeTab.value] === key
+    )
+    if (data) {
+      const dataKeys = UI_E_ComputeResourceTabKamelKeys[activeTab.value]
+      computeResourceDataLocal.value[dataKeys] = data
+    }
+  },
+  { immediate: true, deep: true }
+)
+
+const nodes = ref<UI_I_TreeNode[]>([])
+watch(
+  props.computeResourceTree,
+  (newValue) => {
+    if (nodes.value.length) return
+
+    nodes.value = useDeepCopy([newValue])
+  },
+  { immediate: true, deep: true }
+)
+
+const onShowComputeResourceTree = ({
+  node,
+  cb,
+}: {
+  node: UI_I_TreeNode
+  cb: () => void
+}): void => {
+  $recursion.findAndShow(
+    nodes.value,
+    [node.id, node.type],
+    ['id', 'type'],
+    'nodes'
+  )
+  cb()
+}
+const onSelectComputeResourceTree = (node: UI_I_TreeNode): void => {
+  $recursion.findAndActivate(
+    nodes.value,
+    [node.type, node.id],
+    ['type', 'id'],
+    'nodes'
+  )
+}
+const compatibilityText = computed<[string, string]>(() => {
+  const { selectedNode } = computeResourceDataLocal.value
+
+  if (!selectedNode) return ['Success', '']
+
+  let res: [string, string] = ['Success', 'compatibilityChecksSucceeded']
+
+  if (selectedNode.type === 'datacenter' || selectedNode.type === 'folder') {
+    res = ['Error', 'selectValidClusterOrHostDestination']
+  }
+  if (selectedNode.type === 'cluster') {
+    const hasHost = !!selectedNode.nodes.length
+    if (!hasHost) {
+      res = ['Error', 'clusterNotContainAnyHosts']
+    }
+  }
+
+  if (selectedNode.type === 'host') {
+    if (selectedNode.state === 'Error') {
+      // TODO check Maintenance Mode
+      res = ['Error', 'selectedHostDisconnectedMaintenanceMode']
+    }
+  }
+
+  return res
+})
+
+const errorMessages = ref<string[]>([])
+const onHideErrorMessageAlert = (): void => {
+  errorMessages.value = []
+}
+
+const checkValidityBlock = (): boolean => {
+  const hasSelectedData = Object.values(computeResourceDataLocal.value).some(
+    (value) => value !== null
+  )
+
+  if (!hasSelectedData) {
+    const errorText = localization.value.common.selectValidDestinationComputeResource
+
+    errorMessages.value = [errorText]
+    return false
+  }
+
+  onHideErrorMessageAlert()
+  emits('next-step', {
+    ...computeResourceDataLocal.value,
+  })
+  return true
+}
+watch(
+  () => props.submit,
+  () => {
+    checkValidityBlock()
+  }
+)
+</script>
+
+<style lang="scss" scoped>
+.compute-resource {
+  .tree-view-wrap {
+    max-height: 250px;
+    min-height: 200px;
+    position: relative;
+    border: 1px solid #000;
+    padding: 5px 0 0 5px;
+    overflow: auto;
+  }
+  &__tabs {
+    width: 100%;
+    :deep(.nav) {
+      margin-top: 0;
+    }
+  }
+}
+</style>