Update StoryTimelineComponent, added list prop for new timeline layout

This commit is contained in:
Daniel Supernault 2020-04-08 22:03:46 -06:00
parent d41470830b
commit 1692a95a98
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div v-if="stories.length != 0"> <div v-if="stories.length != 0">
<div id="storyContainer" class="m-3"></div> <div id="storyContainer" :class="[list == true ? 'mt-1 mr-3 mb-0 ml-1':'m-3']"></div>
</div> </div>
</div> </div>
</template> </template>
@ -18,6 +18,7 @@
let Zuck = require('zuck.js'); let Zuck = require('zuck.js');
export default { export default {
props: ['list'],
data() { data() {
return { return {
stories: {}, stories: {},
@ -34,6 +35,7 @@
.then(res => { .then(res => {
let data = res.data; let data = res.data;
let stories = new Zuck('storyContainer', { let stories = new Zuck('storyContainer', {
list: this.list == true ? true : false,
stories: data, stories: data,
localStorage: true, localStorage: true,
callbacks: { callbacks: {