44 lines
932 B
JavaScript
44 lines
932 B
JavaScript
import Mode from "./Mode.vue";
|
|
|
|
export default {
|
|
title: "Loadpoints/Mode",
|
|
component: Mode,
|
|
argTypes: {
|
|
mode: {
|
|
control: "select",
|
|
options: ["off", "now", "minpv", "pv"],
|
|
description: "Charging mode",
|
|
},
|
|
pvPossible: { control: "boolean", description: "Whether PV is possible" },
|
|
hasSmartCost: { control: "boolean", description: "Whether smart cost is available" },
|
|
},
|
|
parameters: {
|
|
layout: "centered",
|
|
},
|
|
};
|
|
|
|
const createStory = (props) => {
|
|
const story = (args) => ({
|
|
components: { Mode },
|
|
setup() {
|
|
return { args };
|
|
},
|
|
template: '<Mode v-bind="args" />',
|
|
});
|
|
story.args = props;
|
|
return story;
|
|
};
|
|
|
|
export const Minimal = createStory({ mode: "now" });
|
|
|
|
export const Full = createStory({
|
|
mode: "pv",
|
|
pvPossible: true,
|
|
hasSmartCost: true,
|
|
});
|
|
|
|
export const SmartGridOnly = createStory({
|
|
mode: "pv",
|
|
pvPossible: false,
|
|
hasSmartCost: true,
|
|
});
|