@eturnity/eturnity_reusable_components 8.19.8-EPDM-12618.6 → 8.19.8-EPDM-13618.0

package/src/components/projectMarker/ProjectMarker.stories.js

@@ -1,130 +1,130 @@
-import ProjectMarker from './index.vue'
-import theme from '@/assets/theme'
-
-export default {
-  title: 'Components/ProjectMarker',
-  component: ProjectMarker,
-  tags: ['autodocs'],
-  argTypes: {
-    markerData: {
-      control: 'object',
-      description:
-        'Object containing marker data including translations and color',
-    },
-    activeLanguage: {
-      control: 'text',
-      description: 'Currently active language code',
-    },
-    date: {
-      control: 'text',
-      description: 'Optional date to display next to the marker',
-    },
-    isEditable: {
-      control: 'boolean',
-      description: 'Whether the marker can be edited',
-    },
-    isGroupSupport: {
-      control: 'boolean',
-      description: 'Whether group support is enabled',
-    },
-    isLimitedPartner: {
-      control: 'boolean',
-      description: 'Whether the user is a limited partner',
-    },
-    cursor: {
-      control: 'text',
-      description: 'Cursor style for the marker',
-    },
-    hasBorderRadius: {
-      control: 'boolean',
-      description: 'Whether to show border radius',
-    },
-  },
-}
-
-const Template = (args) => ({
-  components: { ProjectMarker },
-  setup() {
-    return { args }
-  },
-  template: '<ProjectMarker v-bind="args" />',
-  provide: {
-    theme,
-  },
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  markerData: {
-    choice: 'sold',
-    translations: {
-      'en-us': { name: 'Sold' },
-    },
-    color: '#4CAF50',
-    can_be_deleted: true,
-  },
-  activeLanguage: 'en-us',
-  date: '23.07.2022',
-  isEditable: true,
-  isGroupSupport: false,
-  isLimitedPartner: false,
-  cursor: 'pointer',
-  hasBorderRadius: true,
-}
-
-export const Lost = Template.bind({})
-Lost.args = {
-  ...Default.args,
-  markerData: {
-    choice: 'lost',
-    translations: {
-      'en-us': { name: 'Lost' },
-    },
-    color: '#F44336',
-    can_be_deleted: true,
-  },
-}
-
-export const Transferred = Template.bind({})
-Transferred.args = {
-  ...Default.args,
-  markerData: {
-    choice: 'transferred',
-    translations: {
-      'en-us': { name: 'Transferred' },
-    },
-    color: '#2196F3',
-    can_be_deleted: true,
-  },
-}
-
-export const WithoutDate = Template.bind({})
-WithoutDate.args = {
-  ...Default.args,
-  date: null,
-}
-
-export const NotEditable = Template.bind({})
-NotEditable.args = {
-  ...Default.args,
-  isEditable: false,
-}
-
-export const LimitedPartner = Template.bind({})
-LimitedPartner.args = {
-  ...Default.args,
-  isLimitedPartner: true,
-}
-
-export const WithGroupSupport = Template.bind({})
-WithGroupSupport.args = {
-  ...Default.args,
-  isGroupSupport: true,
-  isLimitedPartner: true,
-}
-
-export const WithoutBorderRadius = Template.bind({})
-WithoutBorderRadius.args = {
-  ...Default.args,
-  hasBorderRadius: false,
-}
+import ProjectMarker from './index.vue'
+import theme from '@/assets/theme'
+
+export default {
+  title: 'Components/ProjectMarker',
+  component: ProjectMarker,
+  tags: ['autodocs'],
+  argTypes: {
+    markerData: {
+      control: 'object',
+      description:
+        'Object containing marker data including translations and color',
+    },
+    activeLanguage: {
+      control: 'text',
+      description: 'Currently active language code',
+    },
+    date: {
+      control: 'text',
+      description: 'Optional date to display next to the marker',
+    },
+    isEditable: {
+      control: 'boolean',
+      description: 'Whether the marker can be edited',
+    },
+    isGroupSupport: {
+      control: 'boolean',
+      description: 'Whether group support is enabled',
+    },
+    isLimitedPartner: {
+      control: 'boolean',
+      description: 'Whether the user is a limited partner',
+    },
+    cursor: {
+      control: 'text',
+      description: 'Cursor style for the marker',
+    },
+    hasBorderRadius: {
+      control: 'boolean',
+      description: 'Whether to show border radius',
+    },
+  },
+}
+
+const Template = (args) => ({
+  components: { ProjectMarker },
+  setup() {
+    return { args }
+  },
+  template: '<ProjectMarker v-bind="args" />',
+  provide: {
+    theme,
+  },
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  markerData: {
+    choice: 'sold',
+    translations: {
+      'en-us': { name: 'Sold' },
+    },
+    color: '#4CAF50',
+    can_be_deleted: true,
+  },
+  activeLanguage: 'en-us',
+  date: '23.07.2022',
+  isEditable: true,
+  isGroupSupport: false,
+  isLimitedPartner: false,
+  cursor: 'pointer',
+  hasBorderRadius: true,
+}
+
+export const Lost = Template.bind({})
+Lost.args = {
+  ...Default.args,
+  markerData: {
+    choice: 'lost',
+    translations: {
+      'en-us': { name: 'Lost' },
+    },
+    color: '#F44336',
+    can_be_deleted: true,
+  },
+}
+
+export const Transferred = Template.bind({})
+Transferred.args = {
+  ...Default.args,
+  markerData: {
+    choice: 'transferred',
+    translations: {
+      'en-us': { name: 'Transferred' },
+    },
+    color: '#2196F3',
+    can_be_deleted: true,
+  },
+}
+
+export const WithoutDate = Template.bind({})
+WithoutDate.args = {
+  ...Default.args,
+  date: null,
+}
+
+export const NotEditable = Template.bind({})
+NotEditable.args = {
+  ...Default.args,
+  isEditable: false,
+}
+
+export const LimitedPartner = Template.bind({})
+LimitedPartner.args = {
+  ...Default.args,
+  isLimitedPartner: true,
+}
+
+export const WithGroupSupport = Template.bind({})
+WithGroupSupport.args = {
+  ...Default.args,
+  isGroupSupport: true,
+  isLimitedPartner: true,
+}
+
+export const WithoutBorderRadius = Template.bind({})
+WithoutBorderRadius.args = {
+  ...Default.args,
+  hasBorderRadius: false,
+}