bfg-common 1.5.712 → 1.5.714

package/components/common/monitor/resourceAllocation/resourceAllocation.vue

@@ -1,196 +1,196 @@
-<template>
-  <div class="resource-allocation">
-    <div class="resource-allocation-header">
-      <common-headline :headline="props.title" />
-
-      <div class="resource-allocation-header-block">
-        <div class="resource-allocation-header-block-progress">
-          <div
-            :style="{ width: props.headerData.used + '%' }"
-            title="70%"
-            class="resource-allocation-header-block-progress-used"
-          ></div>
-          <div
-            :style="{ width: 100 - props.headerData.used + '%' }"
-            title="30%"
-            class="resource-allocation-header-block-progress-available"
-          ></div>
-        </div>
-        <div class="resource-allocation-header-block-progress-info">
-          <div>{{ props.headerData.from }}</div>
-          <div>{{ props.headerData.to }}</div>
-        </div>
-
-        <div class="resource-allocation-header-block-info">
-          <div
-            v-for="(item, key) in props.headerData.items"
-            :key="key"
-            class="resource-allocation-header-block-info-item"
-          >
-            <span>
-              <span
-                v-if="item.used"
-                class="resource-allocation-header-block-info-item-used"
-              ></span>
-              <span
-                v-if="item.available"
-                class="resource-allocation-header-block-info-item-available"
-              ></span>
-              <span>{{ item.title }}</span>
-            </span>
-            <span>{{ item.value }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--    <div class="resource-allocation-content">-->
-    <!--      <div class="data-table-view">-->
-    <!--        <div class="data-table-view__inner">-->
-    <!--          <atoms-table-data-grid-->
-    <!--            v-model:column-keys="columnKeys"-->
-    <!--            v-model:selected-row="selectedRow"-->
-    <!--            :head-items="headItems"-->
-    <!--            :body-items="bodyItems"-->
-    <!--            :total-items="props.totalItems"-->
-    <!--            :total-pages="props.totalPages"-->
-    <!--            :page-size="100"-->
-    <!--            :page="1"-->
-    <!--            :type="tableType"-->
-    <!--            class="data-table"-->
-    <!--            test-id="hardware-health-table"-->
-    <!--            :loading="props.loading"-->
-    <!--            hide-page-size-->
-    <!--            server-off-->
-    <!--          >-->
-    <!--            <template v-if="hasNonEmptySelEntries" #toggleBlock="{ item }">-->
-    <!--              <div class="row-details">-->
-    <!--                <div class="row-details__headline">-->
-    <!--                  {{ localization.common.eventLogEntries }}-->
-    <!--                </div>-->
-
-    <!--                <div-->
-    <!--                  v-for="(entries, key) in item[0].data.current.sel_entries"-->
-    <!--                  :key="key"-->
-    <!--                  class="row-details__content"-->
-    <!--                >-->
-    <!--                  <span>{{ entries.event }}</span>-->
-    <!--                  <span>{{ entries.time }}</span>-->
-    <!--                </div>-->
-    <!--              </div>-->
-    <!--            </template>-->
-
-    <!--            <template #icon="{ item }">-->
-    <!--              <atoms-the-icon-->
-    <!--                v-if="!item.data.isSprite"-->
-    <!--                :name="item.data.iconClassName"-->
-    <!--                class="icon"-->
-    <!--              />-->
-    <!--              <span v-else :class="['icon', item.data.iconClassName]"></span>-->
-    <!--              {{ item.text }}-->
-
-    <!--              <a-->
-    <!--                v-if="item.data.warning"-->
-    <!--                id="sensor-item-warning"-->
-    <!--                :data-id="item.data.testId"-->
-    <!--                href="javascript:void(0)"-->
-    <!--                class="row-details__text"-->
-    <!--                @click="onShowFieldWarning(item.data.warning)"-->
-    <!--                >{{ localization.common.details }}...-->
-    <!--              </a>-->
-    <!--            </template>-->
-    <!--          </atoms-table-data-grid>-->
-    <!--        </div>-->
-    <!--      </div>-->
-    <!--    </div>-->
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ResourceAllocationHeader } from '~/components/common/monitor/resourceAllocation/lib/models/interfaces'
-
-const props = defineProps<{
-  title: string
-  headerData: UI_I_ResourceAllocationHeader
-}>()
-
-// const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.resource-allocation {
-  &-header {
-    &-block {
-      width: 100%;
-      max-width: 350px;
-      min-width: 250px;
-      position: relative;
-      padding-top: 11px;
-
-      &-progress {
-        height: 17px;
-        margin-bottom: 3px;
-        border: 1px solid #939fa7;
-        z-index: calc(var(--z-default) + 1);
-        position: relative;
-        display: flex;
-
-        &-used {
-          background-color: #8fdaf9;
-          height: 100%;
-        }
-
-        &-available {
-          background-color: #ffffff;
-          height: 100%;
-        }
-
-        &-info {
-          display: flex;
-          justify-content: space-between;
-          height: 20px;
-
-          div {
-            font-size: smaller;
-            font-weight: 400;
-            line-height: 24px;
-          }
-        }
-      }
-
-      &-info {
-        flex: 1 1 auto;
-        width: 100%;
-        height: 110px;
-        padding: 10px 0;
-
-        &-item {
-          display: flex;
-          justify-content: space-between;
-          height: 18px;
-          line-height: 17px;
-
-          &-used {
-            width: 16px;
-            height: 12px;
-            border: 1px solid #aaa;
-            background-color: #8fdaf9;
-            display: inline-block;
-            margin-bottom: -2px;
-            margin-right: 4px;
-          }
-
-          &-available {
-            width: 16px;
-            height: 12px;
-            border: 1px solid #aaa;
-            background-color: #ffffff;
-            display: inline-block;
-            margin-bottom: -2px;
-            margin-right: 4px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="resource-allocation">
+    <div class="resource-allocation-header">
+      <common-headline :headline="props.title" />
+
+      <div class="resource-allocation-header-block">
+        <div class="resource-allocation-header-block-progress">
+          <div
+            :style="{ width: props.headerData.used + '%' }"
+            title="70%"
+            class="resource-allocation-header-block-progress-used"
+          ></div>
+          <div
+            :style="{ width: 100 - props.headerData.used + '%' }"
+            title="30%"
+            class="resource-allocation-header-block-progress-available"
+          ></div>
+        </div>
+        <div class="resource-allocation-header-block-progress-info">
+          <div>{{ props.headerData.from }}</div>
+          <div>{{ props.headerData.to }}</div>
+        </div>
+
+        <div class="resource-allocation-header-block-info">
+          <div
+            v-for="(item, key) in props.headerData.items"
+            :key="key"
+            class="resource-allocation-header-block-info-item"
+          >
+            <span>
+              <span
+                v-if="item.used"
+                class="resource-allocation-header-block-info-item-used"
+              ></span>
+              <span
+                v-if="item.available"
+                class="resource-allocation-header-block-info-item-available"
+              ></span>
+              <span>{{ item.title }}</span>
+            </span>
+            <span>{{ item.value }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--    <div class="resource-allocation-content">-->
+    <!--      <div class="data-table-view">-->
+    <!--        <div class="data-table-view__inner">-->
+    <!--          <atoms-table-data-grid-->
+    <!--            v-model:column-keys="columnKeys"-->
+    <!--            v-model:selected-row="selectedRow"-->
+    <!--            :head-items="headItems"-->
+    <!--            :body-items="bodyItems"-->
+    <!--            :total-items="props.totalItems"-->
+    <!--            :total-pages="props.totalPages"-->
+    <!--            :page-size="100"-->
+    <!--            :page="1"-->
+    <!--            :type="tableType"-->
+    <!--            class="data-table"-->
+    <!--            test-id="hardware-health-table"-->
+    <!--            :loading="props.loading"-->
+    <!--            hide-page-size-->
+    <!--            server-off-->
+    <!--          >-->
+    <!--            <template v-if="hasNonEmptySelEntries" #toggleBlock="{ item }">-->
+    <!--              <div class="row-details">-->
+    <!--                <div class="row-details__headline">-->
+    <!--                  {{ localization.common.eventLogEntries }}-->
+    <!--                </div>-->
+
+    <!--                <div-->
+    <!--                  v-for="(entries, key) in item[0].data.current.sel_entries"-->
+    <!--                  :key="key"-->
+    <!--                  class="row-details__content"-->
+    <!--                >-->
+    <!--                  <span>{{ entries.event }}</span>-->
+    <!--                  <span>{{ entries.time }}</span>-->
+    <!--                </div>-->
+    <!--              </div>-->
+    <!--            </template>-->
+
+    <!--            <template #icon="{ item }">-->
+    <!--              <atoms-the-icon-->
+    <!--                v-if="!item.data.isSprite"-->
+    <!--                :name="item.data.iconClassName"-->
+    <!--                class="icon"-->
+    <!--              />-->
+    <!--              <span v-else :class="['icon', item.data.iconClassName]"></span>-->
+    <!--              {{ item.text }}-->
+
+    <!--              <a-->
+    <!--                v-if="item.data.warning"-->
+    <!--                id="sensor-item-warning"-->
+    <!--                :data-id="item.data.testId"-->
+    <!--                href="javascript:void(0)"-->
+    <!--                class="row-details__text"-->
+    <!--                @click="onShowFieldWarning(item.data.warning)"-->
+    <!--                >{{ localization.common.details }}...-->
+    <!--              </a>-->
+    <!--            </template>-->
+    <!--          </atoms-table-data-grid>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </div>-->
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ResourceAllocationHeader } from '~/components/common/monitor/resourceAllocation/lib/models/interfaces'
+
+const props = defineProps<{
+  title: string
+  headerData: UI_I_ResourceAllocationHeader
+}>()
+
+// const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.resource-allocation {
+  &-header {
+    &-block {
+      width: 100%;
+      max-width: 350px;
+      min-width: 250px;
+      position: relative;
+      padding-top: 11px;
+
+      &-progress {
+        height: 17px;
+        margin-bottom: 3px;
+        border: 1px solid #939fa7;
+        z-index: calc(var(--z-default) + 1);
+        position: relative;
+        display: flex;
+
+        &-used {
+          background-color: #8fdaf9;
+          height: 100%;
+        }
+
+        &-available {
+          background-color: #ffffff;
+          height: 100%;
+        }
+
+        &-info {
+          display: flex;
+          justify-content: space-between;
+          height: 20px;
+
+          div {
+            font-size: smaller;
+            font-weight: 400;
+            line-height: 24px;
+          }
+        }
+      }
+
+      &-info {
+        flex: 1 1 auto;
+        width: 100%;
+        height: 110px;
+        padding: 10px 0;
+
+        &-item {
+          display: flex;
+          justify-content: space-between;
+          height: 18px;
+          line-height: 17px;
+
+          &-used {
+            width: 16px;
+            height: 12px;
+            border: 1px solid #aaa;
+            background-color: #8fdaf9;
+            display: inline-block;
+            margin-bottom: -2px;
+            margin-right: 4px;
+          }
+
+          &-available {
+            width: 16px;
+            height: 12px;
+            border: 1px solid #aaa;
+            background-color: #ffffff;
+            display: inline-block;
+            margin-bottom: -2px;
+            margin-right: 4px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/components/common/pages/auth/TheFooter.vue

@@ -1,104 +1,104 @@
-<template>
-  <div
-    id="footer"
-    class="footer flex justify-between items-center fixed left-0 right-0 bottom-0"
-  >
-    <div class="content flex items-center gap-4">
-      <span class="company-info"
-        >{{ currentYear }} ©
-        <span class="company-name">{{ companyName }}</span></span
-      >
-
-      <span class="dote-divider">•</span>
-
-      <a
-        :href="supportLink"
-        data-id="support-link"
-        class="support-link"
-        target="_blank"
-      >
-        <ui-icon name="support" width="18" height="18" />
-        <span class="support-text">{{
-          localization.common.technicalSupport
-        }}</span></a
-      >
-    </div>
-
-    <div class="app-version-wrap flex-justify-end flex-align-center">
-      <span class="app-version"> {{ version }} </span>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const { version } = useAppVersion()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const currentYear = new Date().getFullYear()
-
-const config = useRuntimeConfig()
-
-const companyName = computed<string>(
-  () => config.public[`COMPANY_NAME_${useEnvLanguage()}`] as string
-)
-
-const supportLink = computed<string>(() => {
-  return config.public.SUPPORT_SITE
-})
-</script>
-
-<style scoped lang="scss">
-.footer {
-  position: fixed;
-  background-color: #e9ebed;
-  padding: 11px 44px;
-
-  .content {
-    .company-info {
-      font-size: 14px;
-      line-height: 18px;
-      color: #9da6ad;
-      font-weight: 400;
-
-      .company-name {
-        font-weight: 300;
-      }
-    }
-
-    .dote-divider {
-      color: #9da6ad;
-    }
-
-    .support-link {
-      display: inline-flex;
-      align-items: center;
-      gap: 8px;
-      color: #9da6ad;
-      text-decoration: none;
-      font-weight: 500;
-      font-size: 14px;
-      line-height: 18px;
-
-      &:hover {
-        color: #008fd6;
-      }
-
-      .support-text {
-        margin-top: 4px;
-      }
-    }
-  }
-
-  .app-version-wrap {
-    .app-version {
-      font-size: 14px;
-      line-height: 18px;
-      color: #9da6ad;
-      margin-right: 8px;
-    }
-  }
-}
-</style>
+<template>
+  <div
+    id="footer"
+    class="footer flex justify-between items-center fixed left-0 right-0 bottom-0"
+  >
+    <div class="content flex items-center gap-4">
+      <span class="company-info"
+        >{{ currentYear }} ©
+        <span class="company-name">{{ companyName }}</span></span
+      >
+
+      <span class="dote-divider">•</span>
+
+      <a
+        :href="supportLink"
+        data-id="support-link"
+        class="support-link"
+        target="_blank"
+      >
+        <ui-icon name="support" width="18" height="18" />
+        <span class="support-text">{{
+          localization.common.technicalSupport
+        }}</span></a
+      >
+    </div>
+
+    <div class="app-version-wrap flex-justify-end flex-align-center">
+      <span class="app-version"> {{ version }} </span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const { version } = useAppVersion()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const currentYear = new Date().getFullYear()
+
+const config = useRuntimeConfig()
+
+const companyName = computed<string>(
+  () => config.public[`COMPANY_NAME_${useEnvLanguage()}`] as string
+)
+
+const supportLink = computed<string>(() => {
+  return config.public.SUPPORT_SITE
+})
+</script>
+
+<style scoped lang="scss">
+.footer {
+  position: fixed;
+  background-color: #e9ebed;
+  padding: 11px 44px;
+
+  .content {
+    .company-info {
+      font-size: 14px;
+      line-height: 18px;
+      color: #9da6ad;
+      font-weight: 400;
+
+      .company-name {
+        font-weight: 300;
+      }
+    }
+
+    .dote-divider {
+      color: #9da6ad;
+    }
+
+    .support-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      color: #9da6ad;
+      text-decoration: none;
+      font-weight: 500;
+      font-size: 14px;
+      line-height: 18px;
+
+      &:hover {
+        color: #008fd6;
+      }
+
+      .support-text {
+        margin-top: 4px;
+      }
+    }
+  }
+
+  .app-version-wrap {
+    .app-version {
+      font-size: 14px;
+      line-height: 18px;
+      color: #9da6ad;
+      margin-right: 8px;
+    }
+  }
+}
+</style>