evcc-io/assets/js/components/Footer.stories.js

86 lines
1.6 KiB
JavaScript

import Footer from "./Footer.vue";
export default {
title: "Main/Footer",
component: Footer,
argTypes: {},
};
const Template = (args) => ({
setup() {
return { args };
},
components: { Footer },
template: '<Footer v-bind="args"></Footer>',
});
export const KeinUpdate = Template.bind({});
KeinUpdate.args = {
version: { installed: "0.40" },
savings: {
since: 82800,
totalCharged: 15.231,
selfConsumptionCharged: 12.231,
selfConsumptionPercent: 80.3,
},
};
export const Sponsor = Template.bind({});
Sponsor.args = {
version: {
installed: "0.36",
},
savings: {
since: 82.8,
totalCharged: 21.0,
selfConsumptionCharged: 12.0,
selfConsumptionPercent: 54,
},
sponsor: "naltatis",
};
export const UpdateVerfuegbar = Template.bind({});
UpdateVerfuegbar.args = {
version: {
installed: "0.36",
available: "0.40",
releaseNotes: "Lorem ipsum dolor sit amet consectetur",
},
savings: {
since: 82.8,
totalCharged: 15.231,
selfConsumptionCharged: 15.0,
selfConsumptionPercent: 74,
},
};
export const Updater = Template.bind({});
Updater.args = {
version: {
installed: "0.36",
available: "0.40",
releaseNotes: "Lorem ipsum dolor sit amet consectetur",
hasUpdater: true,
},
savings: {
since: 82.8,
totalCharged: 0,
selfConsumptionCharged: 0,
selfConsumptionPercent: 0,
},
};
export const Upgrade = Template.bind({});
Upgrade.args = {
version: {
installed: "0.36",
available: "0.40",
hasUpdater: true,
},
savings: {
since: 82.8,
totalCharged: 0,
selfConsumptionCharged: 0,
selfConsumptionPercent: 0,
},
};