bfg-common 1.1.24 → 1.1.26

package/components/common/help/navbar/left/Left.vue

@@ -151,7 +151,7 @@ html.dark-theme {
 
     .router-link-exact-active {
       .text {
-        background-color: transparent !important;
+        background-color: #29414e!important;
       }
     }
   }

package/components/common/shortcuts/Block.vue

@@ -0,0 +1,83 @@
+<template>
+  <div>
+    <nuxt-link
+      class="unit"
+      :to="navigate"
+      :title="props.item.navigateTo"
+      @click="changeLastNavigation"
+    >
+      <span :class="['unit-icon', props.item.iconClassName]" />
+      <div class="unit-text" :title="props.item.text">
+        {{ props.item.text }}
+      </div>
+    </nuxt-link>
+  </div>
+</template>
+<script setup lang="ts">
+import type { UI_I_BlockItem } from '~/components/common/shortcuts/models/interfaces'
+
+const props = defineProps<{
+  item: UI_I_BlockItem
+}>()
+
+const navigate = computed<string>(() => '/' + props.item.navigateTo)
+
+const changeLastNavigation = (): void => {
+  if (!props.item.nav) return
+
+  const lastSelectedInventory = 'lastSelectedInventoryTreeIdStorageKey'
+  useLocalStorage(lastSelectedInventory, props.item.nav)
+}
+</script>
+<style lang="scss" scoped>
+.unit {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 95px;
+  margin: 21px 10px;
+  text-decoration-line: none;
+  &-icon {
+    margin: 0px 10px 15px 10px;
+    min-width: 34px;
+    min-height: 34px;
+    display: inline-block;
+    color: var(--global-font-color3);
+
+    &.icon-lifecycle-manager,
+    &.icon-cloud-provider-services {
+      background-size: contain;
+      background-repeat: no-repeat;
+    }
+    &.icon-lifecycle-manager {
+      background-image: url('assets/img/icons/icon-life-m-light.svg');
+      html.dark-theme & {
+        background-image: url('assets/img/icons/icon-life-m-dark.svg');
+        color: var(--global-font-color3);
+      }
+    }
+    &.icon-cloud-provider-services {
+      background-image: url('assets/img/icons/icon-cps.png');
+      html.dark-theme & {
+        background-image: url('assets/img/icons/icon-cps-dark-mode.png');
+      }
+    }
+    &.icon-vm-customizationManager-32x,
+    &.icon-storage-profile-32x,
+    &.icon-Host_Policy-32x,
+    &.icon-certificate-32x {
+      width: 34px;
+      height: 34px;
+    }
+  }
+  &-text {
+    color: var(--global-font-color3);
+    font-size: 13px;
+    line-height: 13px;
+    font-weight: 400;
+    padding-bottom: 2px;
+    text-align: center;
+  }
+}
+</style>

package/components/common/shortcuts/Category.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="category">
+    <span class="category-text" :title="props.title">
+      {{ props.title }}
+    </span>
+    <div class="category-block">
+      <common-shortcuts-block
+        v-for="(item, key) in props.blockItems"
+        :key="key"
+        :item="item"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_BlockItem } from '~/components/common/shortcuts/models/interfaces'
+
+const props = defineProps<{
+  title: string
+  blockItems: UI_I_BlockItem[]
+}>()
+</script>
+<style lang="scss" scoped>
+.category {
+  &-text {
+    color: var(--light-white-100);
+    font-size: 18px;
+    line-height: 21px;
+    font-weight: 400;
+  }
+  &-block {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    border-top: 1px solid var(--global-border-color);
+    margin-top: -4px;
+  }
+}
+</style>

package/components/common/shortcuts/Shortcuts.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="shortcut">
+    <h1>{{ localization.shortcuts }}</h1>
+    <template v-for="item in props.shortcutsItems">
+      <div class="shortcut-category">
+        <common-shortcuts-category
+          :title="item.title"
+          :block-items="item.blockItems"
+        />
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_ShortcutsItems } from '~/components/common/shortcuts/models/interfaces'
+
+const props = defineProps<{
+  shortcutsItems: UI_I_ShortcutsItems[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.shortcut {
+  margin: 20px;
+  width: 100%;
+  height: 100%;
+  overflow-y: scroll;
+
+  h1 {
+    line-height: 26px;
+    font-size: 22px;
+    font-weight: 200;
+    letter-spacing: normal;
+  }
+
+  &-category {
+    margin: 30px 20px 0 0;
+  }
+}
+</style>

package/components/common/shortcuts/models/interfaces.ts

@@ -0,0 +1,11 @@
+export interface UI_I_BlockItem {
+  text: string
+  iconClassName: string
+  navigateTo?: string
+  nav?: string
+}
+
+export interface UI_I_ShortcutsItems {
+  title: string
+  blockItems: UI_I_BlockItem[]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.1.24",
+  "version": "1.1.26",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/modules/fixContentBuild/index.ts

@@ -1,80 +0,0 @@
-import { defineNuxtModule } from '@nuxt/kit'
-const fs = require('fs')
-const path = require('path')
-import {
-  replaceFileContent,
-  removeNonImageFiles,
-  removeImagesFromContent,
-  updateImagesPathAndCustomComponents,
-} from './utils/methods'
-
-// const npmDev = (): void => {
-//   const contentPath = path.join(
-//     __dirname.replace('/node_modules/bfg-common/modules/fixContentBuild', ''),
-//     'content',
-//     'help'
-//   )
-//   // Заменяем кастомные тэги
-//   updateCustomComponents(contentPath)
-// }
-
-const npmGenerate = (): void => {
-  // Правим путь к файлу
-  const filePath = path.join(
-    __dirname.replace('/bfg-common/modules/fixContentBuild', ''),
-    '@nuxt',
-    'content',
-    'dist',
-    'runtime',
-    'legacy',
-    'composables',
-    'query.mjs'
-  )
-  const searchString = '/query/${hash(params)}'
-  const replacementString = 'cache'
-  replaceFileContent(filePath, searchString, replacementString)
-  // End block
-
-  // Переносим весь контент и удаляем все файлы кроме картинок
-  const contentPath = path.join(
-    __dirname.replace('/node_modules/bfg-common/modules/fixContentBuild', ''),
-    'content',
-    'help'
-  )
-  if (!fs.existsSync(contentPath)) return
-
-  const publicPath = path.join(
-    __dirname.replace('/node_modules/bfg-common/modules/fixContentBuild', ''),
-    'public',
-    'help',
-    'images'
-  )
-  fs.cp(contentPath, publicPath, { recursive: true }, () => {
-    // Удаляем все файлы кроме картинок
-    removeNonImageFiles(publicPath)
-
-    // Удаляем картинки из папки content
-    removeImagesFromContent(contentPath)
-
-    // Правим путь к картинкам и заменяем кастомные тэги
-    updateImagesPathAndCustomComponents(contentPath)
-  })
-  // End block
-}
-
-export default defineNuxtModule({
-  meta: {
-    name: 'fix-content-build',
-    configKey: 'fixContentBuild',
-  },
-  setup() {
-    switch (process.env.npm_command) {
-      case 'run-script':
-        // npmDev()
-        break
-      case 'exec':
-        npmGenerate()
-        break
-    }
-  },
-})

package/modules/fixContentBuild/utils/methods.ts

@@ -1,114 +0,0 @@
-import path from 'path'
-import fs from 'fs'
-
-const isImage = (fileName: string) => {
-  const imageExtensions = ['.png', '.jpeg', '.jpg']
-  return imageExtensions.some(
-    (ext) => path.extname(fileName).toLowerCase() === ext
-  )
-}
-const isMdFile = (fileName: string) => {
-  return path.extname(fileName).toLowerCase() === '.md'
-}
-
-export const removeNonImageFiles = (dirPath: string) => {
-  fs.readdirSync(dirPath).forEach((file: string) => {
-    const filePath = path.join(dirPath, file)
-    const isDir = fs.lstatSync(filePath).isDirectory()
-
-    if (isDir) {
-      removeNonImageFiles(filePath)
-    } else {
-      if (!isImage(file)) {
-        fs.unlinkSync(filePath)
-      }
-    }
-  })
-}
-
-export const removeImagesFromContent = (dirPath: string) => {
-  fs.readdirSync(dirPath).forEach((file: string) => {
-    const filePath = path.join(dirPath, file)
-    const isDir = fs.lstatSync(filePath).isDirectory()
-
-    if (isDir) {
-      removeImagesFromContent(filePath)
-    } else {
-      if (isImage(file)) {
-        fs.unlinkSync(filePath)
-      } else if (isMdFile(file) && filePath.includes('_index.md')) {
-        // Удаляем префикс "_" у индексных файлов
-        const filePathWidthOutPrefix = filePath.replace('_index.md', 'index.md')
-        fs.rename(filePath, filePathWidthOutPrefix, (err: any) => {
-          if (err) {
-            console.error(`Error renaming file: ${err}`)
-          }
-        })
-      }
-    }
-  })
-}
-
-export const updateImagesPathAndCustomComponents = (dirPath: string) => {
-  fs.readdirSync(dirPath).forEach((file: string) => {
-    const filePath = path.join(dirPath, file)
-    const isDir = fs.lstatSync(filePath).isDirectory()
-
-    if (isDir) {
-      updateImagesPathAndCustomComponents(filePath)
-    } else {
-      if (isMdFile(file)) {
-        // @ts-ignore
-        // Правим путь к картинкам
-        const imagePath = filePath
-          .replaceAll('\\', '/')
-          .match(/\/content.+\//)[0]
-          .replace('/content/help', '/help/images')
-        replaceFileContent(
-          filePath,
-          /!\[(.*)\]\((.*?)\)/g,
-          `![$1](${imagePath}$2)`
-        ).then(() => {
-          // Заменяем кастомные тэги
-          replaceFileContent(
-            filePath,
-            /\{\{ *< *hint *(info) *> *\}\}|\{\{ *< *\/hint *> *\}\}/g,
-            (_match: any, hintInfo: string) => {
-              return hintInfo ? '\n::hint\n' : '\n::\n'
-            }
-          )
-        })
-      }
-    }
-  })
-}
-
-export const replaceFileContent = async (
-  filePath: string,
-  searchString: string | RegExp,
-  replacementString: any
-): Promise<void> => {
-  return new Promise((resolve, reject) => {
-    fs.readFile(filePath, 'utf8', (err: any, data: string) => {
-      if (err) {
-        reject()
-        return console.log(err)
-      }
-
-      if (data.match(replacementString)) {
-        resolve()
-        return
-      }
-
-      const updatedContent = data.replace(searchString, replacementString)
-
-      fs.writeFile(filePath, updatedContent, 'utf8', (err: any) => {
-        if (err) {
-          reject()
-          return console.log(err)
-        }
-        resolve()
-      })
-    })
-  })
-}