Commit 249dc533 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

add slider and refactor ui-library

parent 2a7d631d

src/app/components.d.ts

+1 −0
Original line number Diff line number Diff line
@@ -55,6 +55,7 @@ declare module 'vue' { 
    SidebarMenuHeader: typeof import('./../modules/SidebarMenuHeader.vue')['default']

    SignIn: typeof import('./../pages/authorization/signIn.vue')['default']

    SignUp: typeof import('./../pages/authorization/signUp.vue')['default']

    Slider: typeof import('./../shared/ui/Slider.vue')['default']

    SolidIcon: typeof import('./../shared/icons/SolidIcon.vue')['default']

    TableIcon: typeof import('./../shared/icons/TableIcon.vue')['default']

    TelegramSection: typeof import('./../modules/TelegramSection.vue')['default']

src/app/helpers/index.ts

+39 −0
Original line number Diff line number Diff line
@@ -119,3 +119,42 @@ export const convertThemeToColorWhiteDefault = (theme: string | undefined) => { 
  }

  return '#ffffff';

};



export const convertThemeToColorBlackDefault = (theme: string | undefined) => {

  if (!theme) return '#000000';

  switch (theme) {

    case 'white':

      return '#ffffff';

    case 'slate':

      return '#64748b';

    case 'blue':

      return '#3b82f6';

    case 'sky':

      return '#0ea5e9';

    case 'teal':

      return '#14b8a6';

    case 'lime':

      return '#84cc16';

    case 'green':

      return '#22c55e';

    case 'yellow':

      return '#eab308';

    case 'orange':

      return '#f97316';

    case 'pink':

      return '#ec4899';

    case 'fuchsia':

      return '#d946ef';

    case 'purple':

      return '#a855f7';

    case 'indigo':

      return '#6366f1';

    case 'rose':

      return '#f43f5e';

    case 'red':

      return '#ef4444';

    case 'black':

      return '#000000';

  }

  return '#000000';

};

src/components/CreateEntityMenu.vue

+1 −1
Original line number Diff line number Diff line
@@ -123,7 +123,7 @@ const speedDialItems = ref([ 
</script>



<template>

  <MenuDial v-model:isActive="isMenu" :items="speedDialItems" size="extraLarge" :theme="themeColor">

  <MenuDial v-model:isActive="isMenu" :items="speedDialItems" size="large" :theme="themeColor">

    <template #1IconAfter>

      <HorizontalLineIcon color="white" size="25" />

    </template>

src/components/entities/settings/EntityPositionSettings.vue

+2 −2
Original line number Diff line number Diff line
@@ -37,12 +37,12 @@ const menuItems = computed(() => { 
      v-model:isActive="isMenu"

      :items="menuItems"

      :theme="themeColor"

      size="extraLarge"

      size="medium"

      direction="left"

      ><template #buttonIcon>

        <VerticalArrowsIcon

          :color="themeColor === 'white' ? 'black' : 'white'"

          :size="30"

          :size="25"

        /> </template

    ></MenuDial>

  </div>

src/modules/PageHeader.vue

+1 −1
Original line number Diff line number Diff line
@@ -11,7 +11,7 @@ interface Props { 
const props = defineProps<Props>();

const emit = defineEmits(['update:isEditMode']);

const isEditMode = useVModel(props, 'isEditMode', emit);

const themeColor = cookies.get('favorite_color');

const themeColor: TTheme = cookies.get('favorite_color');

</script>



<template>