69 lines
1.6 KiB
JavaScript
69 lines
1.6 KiB
JavaScript
import LoadpointDetails from "./LoadpointDetails.vue";
|
|
import i18n from "../i18n";
|
|
|
|
export default {
|
|
title: "Main/LoadpointDetails",
|
|
component: LoadpointDetails,
|
|
argTypes: {
|
|
climater: { control: { type: "inline-radio", options: ["on", "heating", "cooling"] } },
|
|
},
|
|
};
|
|
|
|
const Template = (args, { argTypes }) => ({
|
|
i18n,
|
|
props: Object.keys(argTypes),
|
|
components: { LoadpointDetails },
|
|
template: '<LoadpointDetails v-bind="$props"></LoadpointDetails>',
|
|
});
|
|
|
|
export const Base = Template.bind({});
|
|
Base.args = {};
|
|
|
|
export const Charging = Template.bind({});
|
|
Charging.args = {
|
|
chargePower: 2800,
|
|
chargedEnergy: 11e3,
|
|
chargeDuration: 95 * 60,
|
|
};
|
|
|
|
export const Vehicle = Template.bind({});
|
|
Vehicle.args = {
|
|
chargePower: 2800,
|
|
chargedEnergy: 11e3,
|
|
chargeDuration: 95 * 60,
|
|
vehiclePresent: true,
|
|
chargeRemainingDuration: 5 * 3600,
|
|
};
|
|
|
|
export const VehicleRange = Template.bind({});
|
|
VehicleRange.args = {
|
|
chargePower: 2800,
|
|
chargedEnergy: 11e3,
|
|
chargeDuration: 95 * 60,
|
|
vehiclePresent: true,
|
|
vehicleRange: 240.123,
|
|
chargeRemainingDuration: 5 * 3600,
|
|
};
|
|
|
|
export const VehicleClimater = Template.bind({});
|
|
VehicleClimater.args = {
|
|
chargePower: 2800,
|
|
chargedEnergy: 11e3,
|
|
chargeDuration: 95 * 60,
|
|
vehiclePresent: true,
|
|
vehicleRange: 240.123,
|
|
chargeRemainingDuration: 5 * 3600,
|
|
climater: "on",
|
|
};
|
|
|
|
export const VehicleTimer = Template.bind({});
|
|
VehicleTimer.args = {
|
|
chargePower: 2800,
|
|
chargedEnergy: 11e3,
|
|
chargeDuration: 95 * 60,
|
|
vehiclePresent: true,
|
|
vehicleRange: 240.123,
|
|
chargeRemainingDuration: 5 * 3600,
|
|
timerSet: true,
|
|
timerActive: true,
|
|
};
|