shared-ritm 1.2.16 → 1.2.18

package/src/index.ts

@@ -1,62 +1,62 @@
-import '@/shared/styles/general.css'
-import AppButton from '@/common/app-button/AppButton.vue'
-import AppCheckbox from '@/common/app-checkbox/AppCheckbox.vue'
-import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue'
-import AppInput from '@/common/app-input/AppInput.vue'
-import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
-import AppLayout from '@/common/app-layout/AppLayout.vue'
-import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue'
-import AppLoader from '@/common/app-loader/index.vue'
-import AppSelect from '@/common/app-select/AppSelect.vue'
-import AppSheet from '@/common/app-sheet/AppSheet.vue'
-import AppSidebar from '@/common/app-sidebar/AppSidebar.vue'
-import AppToggle from '@/common/app-toggle/AppToggle.vue'
-import AppWrapper from '@/common/app-wrapper/AppWrapper.vue'
-import AppConfirmDialog from '@/common/app-dialogs/AppConfirmDialog.vue'
-import AppDropdown from '@/common/app-dropdown/AppDropdown.vue'
-
-import useGanttService from '@/api/services/GanttService'
-import useMetricsService from '@/api/services/MetricsService'
-import useProjectsService from '@/api/services/ProjectsService'
-import useRepairsService from '@/api/services/RepairsService'
-import useTasksService from '@/api/services/TasksService'
-import useAuthService from '@/api/services/AuthService'
-import useFileService from '@/api/services/FileService'
-import ApiService from '@/api/settings/ApiService'
-
-export {
-  AppButton,
-  AppCheckbox,
-  AppDatePicker,
-  AppInput,
-  AppInputSearch,
-  AppLayout,
-  AppLayoutHeader,
-  AppLoader,
-  AppSelect,
-  AppSheet,
-  AppSidebar,
-  AppToggle,
-  AppWrapper,
-  AppConfirmDialog,
-  AppDropdown,
-}
-
-export {
-  ApiService,
-  useAuthService,
-  useGanttService,
-  useMetricsService,
-  useProjectsService,
-  useRepairsService,
-  useTasksService,
-  useFileService,
-}
-
-export type { NotificationType } from './utils/notification'
-export { notificationSettings } from './utils/notification'
-
-export * from './api/types/Api_Tasks'
-export * from './api/types/Api_Repairs'
-export * from './api/types/Api_Projects'
-// export * from '@/api/types/Api_Metrics'
+import '@/shared/styles/general.css'
+import AppButton from '@/common/app-button/AppButton.vue'
+import AppCheckbox from '@/common/app-checkbox/AppCheckbox.vue'
+import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue'
+import AppInput from '@/common/app-input/AppInput.vue'
+import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
+import AppLayout from '@/common/app-layout/AppLayout.vue'
+import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue'
+import AppLoader from '@/common/app-loader/index.vue'
+import AppSelect from '@/common/app-select/AppSelect.vue'
+import AppSheet from '@/common/app-sheet/AppSheet.vue'
+import AppSidebar from '@/common/app-sidebar/AppSidebar.vue'
+import AppToggle from '@/common/app-toggle/AppToggle.vue'
+import AppWrapper from '@/common/app-wrapper/AppWrapper.vue'
+import AppConfirmDialog from '@/common/app-dialogs/AppConfirmDialog.vue'
+import AppDropdown from '@/common/app-dropdown/AppDropdown.vue'
+
+import useGanttService from '@/api/services/GanttService'
+import useMetricsService from '@/api/services/MetricsService'
+import useProjectsService from '@/api/services/ProjectsService'
+import useRepairsService from '@/api/services/RepairsService'
+import useTasksService from '@/api/services/TasksService'
+import useAuthService from '@/api/services/AuthService'
+import useFileService from '@/api/services/FileService'
+import ApiService from '@/api/settings/ApiService'
+
+export {
+  AppButton,
+  AppCheckbox,
+  AppDatePicker,
+  AppInput,
+  AppInputSearch,
+  AppLayout,
+  AppLayoutHeader,
+  AppLoader,
+  AppSelect,
+  AppSheet,
+  AppSidebar,
+  AppToggle,
+  AppWrapper,
+  AppConfirmDialog,
+  AppDropdown,
+}
+
+export {
+  ApiService,
+  useAuthService,
+  useGanttService,
+  useMetricsService,
+  useProjectsService,
+  useRepairsService,
+  useTasksService,
+  useFileService,
+}
+
+export type { NotificationType } from './utils/notification'
+export { notificationSettings } from './utils/notification'
+
+export * from './api/types/Api_Tasks'
+export * from './api/types/Api_Repairs'
+export * from './api/types/Api_Projects'
+// export * from '@/api/types/Api_Metrics'

package/src/shared/styles/general.css

@@ -1,96 +1,96 @@
-: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;
-}
+: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;
+}

package/src/utils/confirm.ts

@@ -1,12 +1,12 @@
-import { defineAsyncComponent } from 'vue'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-
-const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
-
-export const appConfirm = (content: string, type: 'delete' | 'edit') => {
-  return $q.dialog({
-    component: AppConfirmDialog,
-    componentProps: { content, type },
-  })
-}
+import { defineAsyncComponent } from 'vue'
+import { useQuasar } from 'quasar'
+const $q = useQuasar()
+
+const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
+
+export const appConfirm = (content: string, type: 'delete' | 'edit') => {
+  return $q.dialog({
+    component: AppConfirmDialog,
+    componentProps: { content, type },
+  })
+}

package/src/utils/notification.ts

@@ -1,9 +1,9 @@
-import { QNotifyCreateOptions } from 'quasar'
-
-export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
-
-export const notificationSettings = (type: NotificationType, message: string): QNotifyCreateOptions => ({
-  message,
-  color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
-  position: 'top-right',
-})
+import { QNotifyCreateOptions } from 'quasar'
+
+export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
+
+export const notificationSettings = (type: NotificationType, message: string): QNotifyCreateOptions => ({
+  message,
+  color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
+  position: 'top-right',
+})

package/src/common/app-layout/components/AppPageContent.vue

@@ -1,32 +0,0 @@
-<template>
-  <q-page class="page-container" :style="marginLeft">
-    <slot />
-  </q-page>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref, onBeforeUnmount } from 'vue'
-
-const hasPaddingLeft = ref(false)
-
-const marginLeft = computed(() => {
-  return hasPaddingLeft.value ? { 'margin-left': '0px' } : { 'margin-left': '72px' }
-})
-
-function checkPaddingLeft() {
-  const el = document.querySelector('.q-page-container') as HTMLElement | null
-  if (el) {
-    const observer = new ResizeObserver(() => {
-      hasPaddingLeft.value = window.getComputedStyle(el).paddingLeft !== '0px'
-    })
-    observer.observe(el)
-    onBeforeUnmount(() => observer.disconnect())
-  }
-}
-
-onMounted(() => {
-  checkPaddingLeft()
-})
-</script>
-
-<style scoped lang="scss"></style>