diff --git a/app/javascript/dashboard/modules/widget-preview/components/Widget.vue b/app/javascript/dashboard/modules/widget-preview/components/Widget.vue new file mode 100644 index 000000000..0f630cbf7 --- /dev/null +++ b/app/javascript/dashboard/modules/widget-preview/components/Widget.vue @@ -0,0 +1,83 @@ + + + + + diff --git a/app/javascript/dashboard/modules/widget-preview/components/WidgetBody.vue b/app/javascript/dashboard/modules/widget-preview/components/WidgetBody.vue new file mode 100644 index 000000000..3bba815db --- /dev/null +++ b/app/javascript/dashboard/modules/widget-preview/components/WidgetBody.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/app/javascript/dashboard/modules/widget-preview/components/WidgetFooter.vue b/app/javascript/dashboard/modules/widget-preview/components/WidgetFooter.vue new file mode 100644 index 000000000..1150b884e --- /dev/null +++ b/app/javascript/dashboard/modules/widget-preview/components/WidgetFooter.vue @@ -0,0 +1,38 @@ + + + + + diff --git a/app/javascript/dashboard/modules/widget-preview/components/WidgetHead.vue b/app/javascript/dashboard/modules/widget-preview/components/WidgetHead.vue new file mode 100644 index 000000000..7857df8a4 --- /dev/null +++ b/app/javascript/dashboard/modules/widget-preview/components/WidgetHead.vue @@ -0,0 +1,112 @@ + + + + + diff --git a/app/javascript/dashboard/modules/widget-preview/stories/Widget.stories.js b/app/javascript/dashboard/modules/widget-preview/stories/Widget.stories.js new file mode 100644 index 000000000..91383eeb6 --- /dev/null +++ b/app/javascript/dashboard/modules/widget-preview/stories/Widget.stories.js @@ -0,0 +1,29 @@ +import Widget from '../components/Widget'; + +const ReplyTime = { + 'In a few minutes': 'in_a_few_minutes', + 'In a few hours': 'in_a_few_hours', + 'In a few day': 'in_a_day', +}; + +export default { + title: 'components/Widget', + component: Widget, + argTypes: { + replyTime: { + control: { + type: 'select', + options: ReplyTime, + }, + }, + }, +}; + +const Template = (args, { argTypes }) => ({ + props: Object.keys(argTypes), + components: { Widget }, + template: '', +}); + +export const DefaultWidget = Template.bind({}); +DefaultWidget.args = {};