evcc-io/assets/js/components/Loadpoint.stories.js
2021-10-10 13:01:14 +02:00

50 lines
1.2 KiB
JavaScript

import Loadpoint from "./Loadpoint.vue";
import i18n from "../i18n";
export default {
title: "Main/Loadpoint",
component: Loadpoint,
argTypes: {
mode: { control: { type: "inline-radio", options: ["off", "now", "minpv", "pv"] } },
remoteDisabled: { control: { type: "radio", options: ["", "soft", "hard"] } },
climater: { control: { type: "inline-radio", options: ["on", "heating", "cooling"] } },
},
};
const Template = (args, { argTypes }) => ({
i18n,
props: Object.keys(argTypes),
components: { Loadpoint },
template: '<Loadpoint v-bind="$props"></Loadpoint>',
});
export const Base = Template.bind({});
Base.args = {
id: 0,
pvConfigured: true,
chargePower: 2800,
chargedEnergy: 11e3,
chargeDuration: 95 * 60,
vehiclePresent: true,
vehicleTitle: "Mein Auto",
enabled: true,
connected: true,
charging: true,
vehicleSoC: 66,
targetSoC: 90,
};
export const Disabled = Template.bind({});
Disabled.args = {
id: 0,
pvConfigured: true,
remoteDisabled: "soft",
remoteDisabledSource: "Sunny Home Manager",
vehiclePresent: true,
vehicleTitle: "Mein Auto",
enabled: true,
connected: true,
charging: false,
vehicleSoC: 66,
targetSoC: 100,
};