shared-ritm 1.1.8 → 1.1.10

package/src/icons/sidebar/videowall-icon.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2 12H22" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <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="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M12 2V22" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  </svg>
+</template>

package/src/icons/sidebar/videozones-icon.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M21.0801 8.58003V15.42C21.0801 16.54 20.4802 17.58 19.5102 18.15L13.5702 21.58C12.6002 22.14 11.4002 22.14 10.4202 21.58L4.48016 18.15C3.51016 17.59 2.91016 16.55 2.91016 15.42V8.58003C2.91016 7.46003 3.51016 6.41999 4.48016 5.84999L10.4202 2.42C11.3902 1.86 12.5902 1.86 13.5702 2.42L19.5102 5.84999C20.4802 6.41999 21.0801 7.45003 21.0801 8.58003Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.75 12V10.8C9.75 9.26001 10.84 8.63005 12.17 9.40005L13.21 10L14.25 10.6C15.58 11.37 15.58 12.63 14.25 13.4L13.21 14L12.17 14.6C10.84 15.37 9.75 14.74 9.75 13.2V12Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts"></script>

package/src/icons/sidebar/warehouses-icon.vue

@@ -0,0 +1,43 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M15.5 11H8.5C7.67 11 7 11.67 7 12.5V22H17V12.5C17 11.67 16.33 11 15.5 11Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2 22H22"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2.94995 22L2.99995 9.96999C2.99995 9.35999 3.28995 8.78004 3.76995 8.40004L10.77 2.95003C11.49 2.39003 12.5 2.39003 13.23 2.95003L20.23 8.39003C20.72 8.77003 21 9.34999 21 9.96999V22"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 16.25V17.75"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.5 7.5H13.5"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/sidebar/workshop-icon.vue

@@ -0,0 +1,100 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_d_116_6675)">
+      <path d="M11.99 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
+    </g>
+    <g filter="url(#filter1_d_116_6675)">
+      <path d="M15.99 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
+    </g>
+    <path
+      d="M2 22H22"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 2C13.6 2.64 15.4 2.64 17 2V5C15.4 5.64 13.6 5.64 12 5V2Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 5V8"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 8H7C5 8 4 9 4 11V22H20V11C20 9 19 8 17 8Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4.58008 12H19.4201"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M7.98999 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
+    <defs>
+      <filter
+        id="filter0_d_116_6675"
+        x="7.23999"
+        y="12"
+        width="9.5"
+        height="18"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="4" />
+        <feGaussianBlur stdDeviation="2" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_6675" />
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_6675" result="shape" />
+      </filter>
+      <filter
+        id="filter1_d_116_6675"
+        x="11.24"
+        y="12"
+        width="9.5"
+        height="18"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="4" />
+        <feGaussianBlur stdDeviation="2" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_6675" />
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_6675" result="shape" />
+      </filter>
+    </defs>
+  </svg>
+</template>
+<script setup lang="ts"></script>

package/src/icons/sidebar/workzones-icon.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17 3H21V7" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M15 9L21 3" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M7 21H3V17" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M9 15L3 21" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M14.02 2.20001C13.37 2.07001 12.69 2 12 2C6.48 2 2 6.48 2 12C2 12.69 2.07001 13.36 2.20001 14"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.97998 21.8C10.63 21.93 11.31 22 12 22C17.52 22 22 17.52 22 12C22 11.32 21.93 10.65 21.8 10"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/index.ts

@@ -0,0 +1,57 @@
+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 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 ApiService from '@/api/settings/ApiService'
+
+import notification from '@/utils/notification'
+
+export {
+  AppButton,
+  AppCheckbox,
+  AppDatePicker,
+  AppInput,
+  AppInputSearch,
+  AppLayout,
+  AppLayoutHeader,
+  AppLoader,
+  AppSelect,
+  AppSheet,
+  AppSidebar,
+  AppToggle,
+  AppWrapper,
+}
+
+export {
+  ApiService,
+  useAuthService,
+  useGanttService,
+  useMetricsService,
+  useProjectsService,
+  useRepairsService,
+  useTasksService,
+}
+
+export { 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/main.ts

@@ -0,0 +1,15 @@
+import { createApp } from 'vue'
+import { Quasar } from 'quasar'
+
+import '@quasar/extras/material-icons/material-icons.css'
+import 'quasar/src/css/index.sass'
+
+import '@/shared/styles/general.css'
+
+import App from './App.vue'
+
+const app = createApp(App)
+
+//@ts-ignore
+app.use(Quasar, { plugins: [] })
+app.mount('#app')

package/src/quasar-user-options.ts

@@ -0,0 +1,17 @@
+import { Quasar, Notify, Loading, Dialog } from 'quasar'
+
+import 'quasar/src/css/index.sass'
+import '@quasar/extras/roboto-font/roboto-font.css'
+import '@quasar/extras/material-icons/material-icons.css'
+import '@quasar/extras/material-icons-outlined/material-icons-outlined.css'
+import '@quasar/extras/mdi-v7/mdi-v7.css'
+
+const quasarUserOptions = {
+  plugins: {
+    Notify,
+    Loading,
+    Dialog,
+  },
+}
+
+export { Quasar, quasarUserOptions }

package/src/shared/styles/general.css

@@ -0,0 +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;
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/styles/variables.sass

@@ -0,0 +1,12 @@
+$primary    : #1976D2
+$secondary  : #C4C4C4
+$accent     : #665BA6
+$positive   : #3B9F69
+$negative   : #C10015
+$info       : #31CCEC
+$warning    : #F2C037
+
+$dark       : #1D1D1D
+$dark-page  : #121212
+
+$secondary: #1D1D1D

package/src/utils/notification.ts

@@ -0,0 +1,13 @@
+import { useQuasar } from 'quasar'
+
+const $q = useQuasar()
+
+export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
+
+export default function notification(type: NotificationType, message: string): void {
+  $q.notify({
+    message,
+    color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
+    position: 'top-right',
+  })
+}