shared-ritm 1.0.87 → 1.0.89

package/dist/types/index.d.ts

@@ -1,14 +1,17 @@
+import '@/shared/styles/general.css';
 import AppButton from '@/common/app-button/AppButton.vue';
-import AppInputSearch from '@/common/app-input-search/AppInputSearch.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 AppToggle from '@/common/app-toggle/index.vue';
+import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue';
 import AppLayout from '@/common/app-layout/AppLayout.vue';
-import AppSelect from '@/common/app-select/AppSelect.vue';
-import AppWrapper from '@/common/app-wrapper/AppWrapper.vue';
-import AppSidebar from '@/common/app-sidebar/AppSidebar.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 useGanttService from '@/api/services/GanttService';
 import useMetricsService from '@/api/services/MetricsService';
 import useProjectsService from '@/api/services/ProjectsService';
@@ -16,8 +19,8 @@ import useRepairsService from '@/api/services/RepairsService';
 import useTasksService from '@/api/services/TasksService';
 import useAuthService from '@/api/services/AuthService';
 import ApiService from '@/api/settings/ApiService';
-export { AppButton, AppInput, AppToggle, AppInputSearch, AppLayout, AppSelect, AppWrapper, AppSidebar, AppLayoutHeader, AppLoader, AppSheet, };
-export { ApiService, useGanttService, useMetricsService, useProjectsService, useRepairsService, useTasksService, useAuthService, };
+export { AppButton, AppCheckbox, AppDatePicker, AppInput, AppInputSearch, AppLayout, AppLayoutHeader, AppLoader, AppSelect, AppSheet, AppSidebar, AppToggle, AppWrapper, };
+export { ApiService, useAuthService, useGanttService, useMetricsService, useProjectsService, useRepairsService, useTasksService, };
 export * from '@/api/types/Api_Tasks';
 export * from '@/api/types/Api_Repairs';
 export * from '@/api/types/Api_Projects';

package/dist/types/router/index.d.ts

@@ -1,2 +1,2 @@
-declare const router: import("vue-router").Router;
-export default router;
+declare const router: import('vue-router').Router
+export default router

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-ritm",
-  "version": "1.0.87",
+  "version": "1.0.89",
   "private": false,
   "files": [
     "dist",

package/src/common/app-button/AppButton.vue

@@ -75,9 +75,20 @@ interface Props extends QBtnProps {
   badgeColor?: string
   badgeInline?: boolean
   link?: boolean
+  borderColor?: string
+  borderRadius?: string
+  borderWidth?: string
+  width?: string
+  height?: string
 }
 
-const props = defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  borderRadius: '16px',
+  borderWidth: '1px',
+  width: 'auto',
+  height: 'auto',
+  disable: false,
+})
 
 const emit = defineEmits(['update:modelValue', 'click'])
 
@@ -117,14 +128,20 @@ const isDisabled = computed(() => {
 <style lang="scss" module>
 .wrapper {
   flex: 0 0 auto;
+  width: v-bind(width);
+  height: v-bind(height);
   &:global(.q-btn--rounded) {
-    border-radius: 14px;
+    border-radius: v-bind(borderRadius);
+  }
+  &:global(.q-btn--outline:before) {
+    border-width: v-bind(borderWidth);
   }
   &:global(.q-btn) {
     color: #0a1629;
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
+    font-family: NunitoSansFont, sans-serif;
   }
 
   &:global(.--loading) {

package/src/common/app-checkbox/AppCheckbox.vue

@@ -0,0 +1,26 @@
+<template>
+  <q-checkbox v-model="value" :class="$style['app-checkbox']" />
+</template>
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  modelValue: any
+}
+
+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">
+.app-checkbox {
+  :global(.q-checkbox__bg) {
+    border-radius: 6px;
+    border-color: white;
+  }
+}
+</style>

package/src/common/app-date-picker/AppDatePicker.vue

@@ -0,0 +1,66 @@
+<template>
+  <div class="date-picker">
+    <app-button
+      class="button"
+      outline
+      size="20px"
+      padding="10px"
+      border-radius="8px"
+      border-width="2px"
+      rounded
+      text-color="primary"
+      icon="event"
+    >
+      <q-popup-proxy anchor="top left" self="top left" transition-show="scale-up" transition-hide="scale-down">
+        <q-date v-model="model" mask="YYYY-MM-DD" minimal />
+      </q-popup-proxy>
+    </app-button>
+    <div class="date-picker__content">
+      <p>{{ label }}<span> * </span></p>
+      <span>{{ model || 'Выберите дату' }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import AppButton from '@/common/app-button/AppButton.vue'
+
+interface Props {
+  label: string
+  modelValue: string
+}
+const emits = defineEmits(['update:modelValue'])
+const props = defineProps<Props>()
+
+const model = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value: string) {
+    emits('update:modelValue', value)
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.date-picker {
+  display: flex;
+  gap: 14px;
+  &__content {
+    color: #7d8592;
+    font-weight: 500;
+    p {
+      margin: 0;
+      font-weight: 700;
+      span {
+        color: red;
+      }
+    }
+    span {
+    }
+  }
+}
+.button {
+}
+</style>

package/src/common/app-input/AppInput.vue

@@ -1,7 +1,7 @@
 <template>
   <q-input
     v-model="value"
-    :class="inputClasses"
+    :class="[inputClasses, $style['app-input']]"
     standout
     outlined
     dense
@@ -91,6 +91,11 @@ interface AppInputProps extends AppQInputProps {
   withIcon?: boolean
   withButton?: boolean
   withArrow?: boolean
+  borderColor?: string
+  borderRadius?: string
+  borderWidth?: string
+  width?: string
+  height?: string
 }
 
 const props = withDefaults(defineProps<AppInputProps>(), {
@@ -98,6 +103,10 @@ const props = withDefaults(defineProps<AppInputProps>(), {
   outlined: true,
   error: undefined,
   modelValue: '',
+  borderRadius: '8px',
+  borderWidth: '1px',
+  width: 'auto',
+  height: 'auto',
 })
 
 const emit = defineEmits(['update:modelValue', 'button-click', 'clear', 'focus', 'blur', 'click'])
@@ -125,4 +134,10 @@ const inputClasses = computed(() => {
 })
 </script>
 
-<style scoped lang="scss"></style>
+<style module lang="scss">
+.app-input {
+  &:global(.q-field--dense .q-field__control) {
+    height: v-bind(height);
+  }
+}
+</style>

package/src/common/app-sheet/AppSheet.vue

@@ -7,19 +7,30 @@
     full-height
     full-width
   >
-    <q-card>
-      <div class="wrapper">
-        <div class="sheet-header">
-          <h2>{{ title }}</h2>
-          <div class="close-button"></div>
-          <q-btn v-close-popup dense flat icon="close" />
+    <template v-if="type === 'details'">
+      <q-card>
+        <div class="wrapper">
+          <div class="sheet-header">
+            <h2>{{ title }}</h2>
+            <div class="close-button">
+              <q-btn v-close-popup dense flat icon="close" />
+            </div>
+          </div>
+          <div v-if="loading" class="loader">
+            <q-spinner-audio v-if="loading" class="loader-spinner" size="md" :thickness="3" color="primary" />
+          </div>
+          <slot v-else />
         </div>
-        <div v-if="loading" class="loader">
-          <q-spinner-audio v-if="loading" class="loader-spiner" size="md" :thickness="3" color="primary" />
+      </q-card>
+    </template>
+    <template v-if="type === 'custom'">
+      <div v-if="loading" class="custom-wrapper">
+        <div class="loader">
+          <q-spinner-audio v-if="loading" class="loader-spinner" size="md" :thickness="3" color="primary" />
         </div>
-        <slot v-else />
       </div>
-    </q-card>
+      <slot v-else />
+    </template>
   </q-dialog>
 </template>
 
@@ -28,16 +39,24 @@ import { computed, defineEmits, defineProps, withDefaults } from 'vue'
 
 interface DialogProps {
   dialogRef: any
-  loading: boolean
-  title: string
+  loading?: boolean
+  title?: string
   width?: string
+  type?: 'details' | 'custom'
+  tabs?: any[]
+  currentTabName?: string
 }
 
 const props = withDefaults(defineProps<DialogProps>(), {
+  title: '',
   width: '976px',
+  type: 'details',
+  loading: false,
+  tabs: () => [],
+  currentTabName: '',
 })
 
-const emit = defineEmits(['update:dialogRef'])
+const emit = defineEmits(['update:dialogRef', 'update:currentTabName'])
 
 const DialogRef = computed({
   get() {
@@ -50,6 +69,10 @@ const DialogRef = computed({
 </script>
 
 <style lang="scss" scoped>
+.custom-wrapper {
+  width: v-bind(width);
+  background-color: white;
+}
 .wrapper {
   display: flex;
   flex-direction: column;
@@ -60,18 +83,20 @@ const DialogRef = computed({
   position: relative;
   padding: 2rem 2rem 4rem 2rem;
   background-color: #7991ad32;
-  font-family: 'NunitoSansFont', sans-serif !important;
+  font-family: 'NunitoSansFont', sans-serif;
 }
+
 .sheet-header {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   h2 {
     font-size: 36px;
   }
 }
 .loader {
   min-width: 976px;
-  &-spiner {
+  &-spinner {
     position: absolute;
     top: 50%;
     left: 50%;

package/src/common/app-sidebar/AppSidebar.vue

@@ -71,6 +71,7 @@ interface Props {
 const emits = defineEmits(['logout'])
 const props = withDefaults(defineProps<Props>(), {
   main: false,
+  menuItems: () => [],
 })
 const $q = useQuasar()
 

package/src/icons/components/arrow-down-icon.vue

@@ -1,25 +1,25 @@
-<script>
-export default {
-  name: 'ArrowDownIcon',
-}
-</script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M15.53 10.74L12 14.26L8.47003 10.74"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<script>
+export default {
+  name: 'ArrowDownIcon',
+}
+</script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.53 10.74L12 14.26L8.47003 10.74"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/components/arrow-frame-icon.vue

@@ -1,19 +1,19 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M8.46997 13.26L12 9.73999L15.53 13.26"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.46997 13.26L12 9.73999L15.53 13.26"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/components/arrow-square.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M10.7402 15.53L14.2602 12L10.7402 8.46997"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.7402 15.53L14.2602 12L10.7402 8.46997"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<style scoped lang="scss"></style>

package/src/icons/header/flashIcon.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M6.08998 13.28H9.17998V20.48C9.17998 22.16 10.09 22.5 11.2 21.24L18.77 12.64C19.7 11.59 19.31 10.72 17.9 10.72H14.81V3.52002C14.81 1.84002 13.9 1.50002 12.79 2.76002L5.21998 11.36C4.29998 12.42 4.68998 13.28 6.08998 13.28Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M9.18005 20.4798C9.18005 22.1598 10.0901 22.4998 11.2001 21.2398L18.7701 12.6398C19.7001 11.5898 19.3101 10.7198 17.9001 10.7198H14.8101"
-      stroke="#408CFF"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<style scoped lang="stylus"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M6.08998 13.28H9.17998V20.48C9.17998 22.16 10.09 22.5 11.2 21.24L18.77 12.64C19.7 11.59 19.31 10.72 17.9 10.72H14.81V3.52002C14.81 1.84002 13.9 1.50002 12.79 2.76002L5.21998 11.36C4.29998 12.42 4.68998 13.28 6.08998 13.28Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.18005 20.4798C9.18005 22.1598 10.0901 22.4998 11.2001 21.2398L18.7701 12.6398C19.7001 11.5898 19.3101 10.7198 17.9001 10.7198H14.8101"
+      stroke="#408CFF"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<style scoped lang="stylus"></style>

package/src/icons/header/notificationIcon.vue

@@ -1,18 +1,18 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path d="M12 6.43994V9.76994" stroke="#408CFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" />
-    <path
-      d="M12.0199 2C8.3399 2 5.3599 4.98 5.3599 8.66V10.76C5.3599 11.44 5.0799 12.46 4.7299 13.04L3.4599 15.16C2.6799 16.47 3.2199 17.93 4.6599 18.41C9.4399 20 14.6099 20 19.3899 18.41C20.7399 17.96 21.3199 16.38 20.5899 15.16L19.3199 13.04C18.9699 12.46 18.6899 11.43 18.6899 10.76V8.66C18.6799 5 15.6799 2 12.0199 2Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-    />
-    <path
-      d="M15.33 18.8199C15.33 20.6499 13.83 22.1499 12 22.1499C11.09 22.1499 10.25 21.7699 9.65004 21.1699C9.05004 20.5699 8.67004 19.7299 8.67004 18.8199"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-    />
-  </svg>
-</template>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M12 6.43994V9.76994" stroke="#408CFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" />
+    <path
+      d="M12.0199 2C8.3399 2 5.3599 4.98 5.3599 8.66V10.76C5.3599 11.44 5.0799 12.46 4.7299 13.04L3.4599 15.16C2.6799 16.47 3.2199 17.93 4.6599 18.41C9.4399 20 14.6099 20 19.3899 18.41C20.7399 17.96 21.3199 16.38 20.5899 15.16L19.3199 13.04C18.9699 12.46 18.6899 11.43 18.6899 10.76V8.66C18.6799 5 15.6799 2 12.0199 2Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M15.33 18.8199C15.33 20.6499 13.83 22.1499 12 22.1499C11.09 22.1499 10.25 21.7699 9.65004 21.1699C9.05004 20.5699 8.67004 19.7299 8.67004 18.8199"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+  </svg>
+</template>

package/src/icons/header/searchStatusIcon.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M20 11C20 15.97 15.97 20 11 20C6.03 20 2 15.97 2 11C2 6.03 6.03 2 11 2"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M18.9299 20.6898C19.4599 22.2898 20.6699 22.4498 21.5999 21.0498C22.4499 19.7698 21.8899 18.7198 20.3499 18.7198C19.2099 18.7098 18.5699 19.5998 18.9299 20.6898Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path d="M14 5H20" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-    <path d="M14 8H17" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-  </svg>
-</template>
-
-<style scoped lang="stylus"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M20 11C20 15.97 15.97 20 11 20C6.03 20 2 15.97 2 11C2 6.03 6.03 2 11 2"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18.9299 20.6898C19.4599 22.2898 20.6699 22.4498 21.5999 21.0498C22.4499 19.7698 21.8899 18.7198 20.3499 18.7198C19.2099 18.7098 18.5699 19.5998 18.9299 20.6898Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M14 5H20" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M14 8H17" stroke="#408CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  </svg>
+</template>
+
+<style scoped lang="stylus"></style>