shared-ritm 1.3.36 → 1.3.38-alpha.0

package/src/common/app-table/controllers/useBaseTable.ts

@@ -1,45 +1,45 @@
-import { ref, watch, onMounted, Ref } from 'vue'
-
-export function useBaseTable(model: {
-  initialize: (params: { search: string; page: number }) => Promise<void>
-  loading: Ref<boolean>
-  columnFilters: Ref<Record<string, any>>
-}) {
-  const search = ref('')
-  const currentPage = ref(1)
-
-  const loadTable = async (searchVal = '', pageVal = 1) => {
-    await model.initialize({ search: searchVal, page: pageVal })
-  }
-
-  const handleSearch = async (val: string) => {
-    search.value = val
-    currentPage.value = 1
-    await loadTable(val, currentPage.value)
-  }
-
-  const handlePageChange = async (page: number) => {
-    currentPage.value = page
-    await loadTable(search.value, page)
-  }
-
-  watch(
-    () => model.columnFilters.value,
-    async () => {
-      currentPage.value = 1
-      await loadTable(search.value, currentPage.value)
-    },
-    { deep: true },
-  )
-
-  onMounted(() => loadTable(search.value, currentPage.value))
-
-  return {
-    search,
-    currentPage,
-    loading: model.loading,
-    handleSearch,
-    handlePageChange,
-    loadTable,
-  }
-}
+import { ref, watch, onMounted, Ref } from 'vue'
+
+export function useBaseTable(model: {
+  initialize: (params: { search: string; page: number }) => Promise<void>
+  loading: Ref<boolean>
+  columnFilters: Ref<Record<string, any>>
+}) {
+  const search = ref('')
+  const currentPage = ref(1)
+
+  const loadTable = async (searchVal = '', pageVal = 1) => {
+    await model.initialize({ search: searchVal, page: pageVal })
+  }
+
+  const handleSearch = async (val: string) => {
+    search.value = val
+    currentPage.value = 1
+    await loadTable(val, currentPage.value)
+  }
+
+  const handlePageChange = async (page: number) => {
+    currentPage.value = page
+    await loadTable(search.value, page)
+  }
+
+  watch(
+    () => model.columnFilters.value,
+    async () => {
+      currentPage.value = 1
+      await loadTable(search.value, currentPage.value)
+    },
+    { deep: true },
+  )
+
+  onMounted(() => loadTable(search.value, currentPage.value))
+
+  return {
+    search,
+    currentPage,
+    loading: model.loading,
+    handleSearch,
+    handlePageChange,
+    loadTable,
+  }
+}

package/src/common/app-table/controllers/useColumnSelector.ts

@@ -1,45 +1,45 @@
-import { computed, ref } from 'vue'
-
-export interface ColumnConfig {
-  name: string
-  label: string
-  [key: string]: any
-}
-
-export function useColumnSelector(allColumns: ColumnConfig[], fixedColumnNames: string[] = []) {
-  const selectedColumnNames = ref<string[]>([...new Set([...fixedColumnNames, ...allColumns.map(col => col.name)])])
-
-  const visibleColumns = computed(() => allColumns.filter(col => selectedColumnNames.value.includes(col.name)))
-
-  function openColumnSelectorDialog($q: any) {
-    $q.dialog({
-      title: 'Выберите колонки',
-      options: {
-        type: 'checkbox',
-        model: [...selectedColumnNames.value],
-        items: allColumns.map(col => ({
-          label: col.label,
-          value: col.name,
-          disable: fixedColumnNames.includes(col.name),
-        })),
-      },
-      cancel: {
-        label: 'Отмена',
-        'data-test': 'cancel-button',
-      },
-      ok: {
-        label: 'Ок',
-        'data-test': 'ok-button',
-      },
-      persistent: true,
-    }).onOk((val: string[]) => {
-      selectedColumnNames.value = Array.from(new Set([...val, ...fixedColumnNames]))
-    })
-  }
-
-  return {
-    selectedColumnNames,
-    visibleColumns,
-    openColumnSelectorDialog,
-  }
-}
+import { computed, ref } from 'vue'
+
+export interface ColumnConfig {
+  name: string
+  label: string
+  [key: string]: any
+}
+
+export function useColumnSelector(allColumns: ColumnConfig[], fixedColumnNames: string[] = []) {
+  const selectedColumnNames = ref<string[]>([...new Set([...fixedColumnNames, ...allColumns.map(col => col.name)])])
+
+  const visibleColumns = computed(() => allColumns.filter(col => selectedColumnNames.value.includes(col.name)))
+
+  function openColumnSelectorDialog($q: any) {
+    $q.dialog({
+      title: 'Выберите колонки',
+      options: {
+        type: 'checkbox',
+        model: [...selectedColumnNames.value],
+        items: allColumns.map(col => ({
+          label: col.label,
+          value: col.name,
+          disable: fixedColumnNames.includes(col.name),
+        })),
+      },
+      cancel: {
+        label: 'Отмена',
+        'data-test': 'cancel-button',
+      },
+      ok: {
+        label: 'Ок',
+        'data-test': 'ok-button',
+      },
+      persistent: true,
+    }).onOk((val: string[]) => {
+      selectedColumnNames.value = Array.from(new Set([...val, ...fixedColumnNames]))
+    })
+  }
+
+  return {
+    selectedColumnNames,
+    visibleColumns,
+    openColumnSelectorDialog,
+  }
+}

package/src/common/app-toggle/AppToggle.vue

@@ -1,24 +1,24 @@
-<template>
-  <div>
-    <q-toggle v-model="value" :disable="disable" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, defineProps, defineEmits } from 'vue'
-
-interface Props {
-  modelValue: any
-  disable?: boolean
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits(['update:modelValue', 'number'])
-
-const value = computed({
-  get: () => props.modelValue,
-  set: (newValue: any) => emit('update:modelValue', newValue),
-})
-</script>
-
-<style module lang="scss"></style>
+<template>
+  <div>
+    <q-toggle v-model="value" :disable="disable" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, defineEmits } from 'vue'
+
+interface Props {
+  modelValue: any
+  disable?: boolean
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits(['update:modelValue', 'number'])
+
+const value = computed({
+  get: () => props.modelValue,
+  set: (newValue: any) => emit('update:modelValue', newValue),
+})
+</script>
+
+<style module lang="scss"></style>

package/src/common/app-wrapper/AppWrapper.vue

@@ -1,28 +1,28 @@
-<template>
-  <div class="app-wrapper">
-    <slot />
-  </div>
-</template>
-<script setup lang="ts"></script>
-<style scoped lang="scss">
-.app-wrapper {
-  width: 100%;
-  height: 100%;
-  margin: 20px 0 12px 0;
-  padding: 30px;
-  border-radius: 8px;
-  background: #fff;
-  outline: 4px solid #598dd5;
-  outline-offset: -3px;
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px #c4d7f1 inset,
-    0px 0px 6.4px 3px rgba(31, 82, 159, 0.5), 0px 6px 58px 0px rgba(0, 49, 122, 0.1);
-}
-
-@media (max-width: 1440px) {
-  .app-wrapper {
-    margin: 10px 0;
-    padding: 14px;
-    border-radius: 8px;
-  }
-}
-</style>
+<template>
+  <div class="app-wrapper">
+    <slot />
+  </div>
+</template>
+<script setup lang="ts"></script>
+<style scoped lang="scss">
+.app-wrapper {
+  width: 100%;
+  height: 100%;
+  margin: 20px 0 12px 0;
+  padding: 30px;
+  border-radius: 8px;
+  background: #fff;
+  outline: 4px solid #598dd5;
+  outline-offset: -3px;
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px #c4d7f1 inset,
+    0px 0px 6.4px 3px rgba(31, 82, 159, 0.5), 0px 6px 58px 0px rgba(0, 49, 122, 0.1);
+}
+
+@media (max-width: 1440px) {
+  .app-wrapper {
+    margin: 10px 0;
+    padding: 14px;
+    border-radius: 8px;
+  }
+}
+</style>

package/src/icons/dialogs/SafetyIcon.vue

@@ -1,12 +1,12 @@
-<template>
-  <svg width="50" height="50" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M47.5 2.5H12.5C6.97715 2.5 2.5 6.97715 2.5 12.5V25C2.5 35.9165 9.14893 45.4216 22.0963 53.4484C26.938 56.45 33.062 56.45 37.9037 53.4484L38.8284 52.8657C51.1712 44.9576 57.5 35.6473 57.5 25V12.5C57.5 6.97715 53.0228 2.5 47.5 2.5ZM12.5 7.5H47.5C50.2614 7.5 52.5 9.73858 52.5 12.5V25C52.5 33.7331 47.1592 41.5899 36.1469 48.6456L35.2535 49.2085C32.0413 51.1999 27.9586 51.1999 24.7309 49.1988C13.1268 42.0048 7.5 33.9609 7.5 25V12.5C7.5 9.73858 9.73858 7.5 12.5 7.5ZM44.2833 15.7258C43.3072 14.7492 41.7243 14.7488 40.7477 15.7248L27.5 28.9625L21.7783 23.2302L21.543 23.0221C20.5629 22.2587 19.1448 22.3268 18.2428 23.2273C17.2657 24.2028 17.2643 25.7857 18.2398 26.7628L25.7308 34.2663L25.9662 34.4745C26.9467 35.2382 28.3655 35.1696 29.2673 34.2682L44.2823 19.2613L44.4904 19.0258C45.2532 18.0453 45.1842 16.6272 44.2833 15.7258Z"
-      fill="#00D097"
-    />
-  </svg>
-</template>
-
-<style scoped lang="scss"></style>
+<template>
+  <svg width="50" height="50" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M47.5 2.5H12.5C6.97715 2.5 2.5 6.97715 2.5 12.5V25C2.5 35.9165 9.14893 45.4216 22.0963 53.4484C26.938 56.45 33.062 56.45 37.9037 53.4484L38.8284 52.8657C51.1712 44.9576 57.5 35.6473 57.5 25V12.5C57.5 6.97715 53.0228 2.5 47.5 2.5ZM12.5 7.5H47.5C50.2614 7.5 52.5 9.73858 52.5 12.5V25C52.5 33.7331 47.1592 41.5899 36.1469 48.6456L35.2535 49.2085C32.0413 51.1999 27.9586 51.1999 24.7309 49.1988C13.1268 42.0048 7.5 33.9609 7.5 25V12.5C7.5 9.73858 9.73858 7.5 12.5 7.5ZM44.2833 15.7258C43.3072 14.7492 41.7243 14.7488 40.7477 15.7248L27.5 28.9625L21.7783 23.2302L21.543 23.0221C20.5629 22.2587 19.1448 22.3268 18.2428 23.2273C17.2657 24.2028 17.2643 25.7857 18.2398 26.7628L25.7308 34.2663L25.9662 34.4745C26.9467 35.2382 28.3655 35.1696 29.2673 34.2682L44.2823 19.2613L44.4904 19.0258C45.2532 18.0453 45.1842 16.6272 44.2833 15.7258Z"
+      fill="#00D097"
+    />
+  </svg>
+</template>
+
+<style scoped lang="scss"></style>

package/src/shared/styles/general.css

@@ -1,124 +1,124 @@
-:root {
-  --main-header-height: 73px;
-  --main-footer-height: 66px;
-  --sidebar-width-max: 250px;
-  --sidebar-width-min: 66px;
-}
-
-/*border-radius*/
-:root {
-  --border-radius-xxs: 4px;
-  --border-radius-xs: 8px;
-  --border-radius-s: 12px;
-  --border-radius-m: 16px;
-}
-
-/*color*/
-:root {
-  --g-blue: #3f8cff;
-  --g-blue-light: #e4efff;
-  --g-blue-dark: #1c75ff;
-  --g-green: #00d097;
-  --g-green-light: #e0f9f2;
-  --g-green-dark: #b8f8e7;
-  --g-red: #ff192d;
-  --g-red-light: #fdecee;
-  --g-red-dark: #ffdcde;
-  --g-grey-100: #d8e0f0;
-
-  --g-font-color: #0a1629;
-  --g-font-grey-color: #b9c0c7;
-  --g-font-secondary-color: #7d8592;
-
-  --g-grey-background: #ced5e0;
-  --g-grey-hover-background: #9fa5af;
-  --g-secondary-background: #f4f9fd;
-  --g-thirty-background: #c8cbcf;
-
-  --g-fire-color-1: #fee7e7;
-  --g-fire-color-2: #fed4d5;
-  --g-fire-color-3: #fcc0c0;
-  --g-fire-color-4: #f9a2a2;
-  --g-fire-color-5: #f97d7e;
-  --g-fire-color-6: #f65160;
-  --g-fire-color-7: #ff192d;
-  --g-fire-color-8: #ab0514;
-  --g-fire-color-9: #6e000a;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-}
-
-button:active,
-button:focus {
-  outline: none !important;
-}
-
-html {
-  font-family: 'NunitoSansFont', sans-serif !important;
-}
-
-.ant-dropdown {
-  z-index: 10000;
-  .content {
-    z-index: 10000;
-  }
-}
-
-@font-face {
-  font-family: 'NunitoSansFont';
-  src: local('NunitoSansFont-Regular'), url('../fonts/NunitoSansFont.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'NunitoSansFont';
-  src: local('NunitoSansFont-Bold'), url('../fonts/NunitoSans_7pt-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Montserrat';
-  src: local('Montserrat-Regular'), url('../fonts/Montserrat.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Montserrat';
-  src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-Regular'), url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-SemiBold'), url('../fonts/Inter_18pt-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-Bold'), url('../fonts/Inter_18pt-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-Black'), url('../fonts/Inter_18pt-Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-}
+:root {
+  --main-header-height: 73px;
+  --main-footer-height: 66px;
+  --sidebar-width-max: 250px;
+  --sidebar-width-min: 66px;
+}
+
+/*border-radius*/
+:root {
+  --border-radius-xxs: 4px;
+  --border-radius-xs: 8px;
+  --border-radius-s: 12px;
+  --border-radius-m: 16px;
+}
+
+/*color*/
+:root {
+  --g-blue: #3f8cff;
+  --g-blue-light: #e4efff;
+  --g-blue-dark: #1c75ff;
+  --g-green: #00d097;
+  --g-green-light: #e0f9f2;
+  --g-green-dark: #b8f8e7;
+  --g-red: #ff192d;
+  --g-red-light: #fdecee;
+  --g-red-dark: #ffdcde;
+  --g-grey-100: #d8e0f0;
+
+  --g-font-color: #0a1629;
+  --g-font-grey-color: #b9c0c7;
+  --g-font-secondary-color: #7d8592;
+
+  --g-grey-background: #ced5e0;
+  --g-grey-hover-background: #9fa5af;
+  --g-secondary-background: #f4f9fd;
+  --g-thirty-background: #c8cbcf;
+
+  --g-fire-color-1: #fee7e7;
+  --g-fire-color-2: #fed4d5;
+  --g-fire-color-3: #fcc0c0;
+  --g-fire-color-4: #f9a2a2;
+  --g-fire-color-5: #f97d7e;
+  --g-fire-color-6: #f65160;
+  --g-fire-color-7: #ff192d;
+  --g-fire-color-8: #ab0514;
+  --g-fire-color-9: #6e000a;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+button:active,
+button:focus {
+  outline: none !important;
+}
+
+html {
+  font-family: 'NunitoSansFont', sans-serif !important;
+}
+
+.ant-dropdown {
+  z-index: 10000;
+  .content {
+    z-index: 10000;
+  }
+}
+
+@font-face {
+  font-family: 'NunitoSansFont';
+  src: local('NunitoSansFont-Regular'), url('../fonts/NunitoSansFont.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'NunitoSansFont';
+  src: local('NunitoSansFont-Bold'), url('../fonts/NunitoSans_7pt-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: local('Montserrat-Regular'), url('../fonts/Montserrat.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-Regular'), url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-SemiBold'), url('../fonts/Inter_18pt-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-Bold'), url('../fonts/Inter_18pt-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-Black'), url('../fonts/Inter_18pt-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}