parent
119efed26f
commit
dd3d602228
@ -1,47 +1,44 @@ |
||||
<template> |
||||
<div |
||||
v-for="session in sessions" |
||||
:key="session.id" |
||||
> |
||||
<SessionCard |
||||
:session="session" |
||||
/> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import SessionCard from './SessionCard.vue'; |
||||
import SessionCard from "./SessionCard.vue" |
||||
|
||||
export default { |
||||
name: 'SessionCardList', |
||||
name: "SessionCardList", |
||||
components: { |
||||
SessionCard |
||||
SessionCard, |
||||
}, |
||||
props: { |
||||
sessions: Array, |
||||
}, |
||||
data() { |
||||
return { |
||||
deck: false |
||||
}; |
||||
deck: false, |
||||
} |
||||
}, |
||||
methods: { |
||||
isList: function () { |
||||
if (!this.deck) { |
||||
return 'primary'; |
||||
return "primary" |
||||
} |
||||
return 'secondary'; |
||||
return "secondary" |
||||
}, |
||||
isDeck: function () { |
||||
if (this.deck) { |
||||
return 'primary'; |
||||
return "primary" |
||||
} |
||||
return 'secondary'; |
||||
return "secondary" |
||||
}, |
||||
changeLayout: function () { |
||||
this.deck = !this.deck; |
||||
this.deck = !this.deck |
||||
}, |
||||
} |
||||
}; |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<template> |
||||
<div |
||||
v-for="session in sessions" |
||||
:key="session.id" |
||||
> |
||||
<SessionCard :session="session" /> |
||||
</div> |
||||
</template> |
||||
|
||||
@ -1,43 +1,44 @@ |
||||
<template> |
||||
<div v-if="sessions.length" class="grid"> |
||||
<SessionCardList :sessions="sessions"/> |
||||
</div> |
||||
|
||||
<div v-else> |
||||
<!-- <div class="bg-gradient-to-r from-gray-100 to-gray-50 flex flex-col rounded-md text-center p-2">--> |
||||
<!-- <div class="p-10 text-center">--> |
||||
<!-- <div>--> |
||||
<!-- <v-icon--> |
||||
<!-- icon="mdi-google-classroom"--> |
||||
<!-- size="72px"--> |
||||
<!-- class="font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-primary to-primary-gradient"--> |
||||
<!-- />--> |
||||
<!-- </div>--> |
||||
|
||||
<!-- <div class="mt-2 font-bold">--> |
||||
<!-- {{ $t("You don't have any session yet.") }}--> |
||||
<!-- </div>--> |
||||
<!-- <div>--> |
||||
<!-- {{ $t('Go to "Explore" to find a topic of interest, or wait for someone to subscribe you.') }}--> |
||||
<!-- </div>--> |
||||
<!-- </div>--> |
||||
<!-- </div>--> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import SessionCardList from './SessionCardList.vue'; |
||||
import SessionCardList from "./SessionCardList.vue" |
||||
|
||||
export default { |
||||
name: 'SessionListWrapper', |
||||
name: "SessionListWrapper", |
||||
components: { |
||||
SessionCardList, |
||||
}, |
||||
props: { |
||||
sessions: Array, |
||||
}, |
||||
setup() { |
||||
} |
||||
setup() {}, |
||||
} |
||||
|
||||
</script> |
||||
|
||||
<template> |
||||
<div |
||||
v-if="sessions.length" |
||||
class="grid" |
||||
> |
||||
<SessionCardList :sessions="sessions" /> |
||||
</div> |
||||
|
||||
<div v-else> |
||||
<!-- <div class="bg-gradient-to-r from-gray-100 to-gray-50 flex flex-col rounded-md text-center p-2">--> |
||||
<!-- <div class="p-10 text-center">--> |
||||
<!-- <div>--> |
||||
<!-- <v-icon--> |
||||
<!-- icon="mdi-google-classroom"--> |
||||
<!-- size="72px"--> |
||||
<!-- class="font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-primary to-primary-gradient"--> |
||||
<!-- />--> |
||||
<!-- </div>--> |
||||
|
||||
<!-- <div class="mt-2 font-bold">--> |
||||
<!-- {{ $t("You don't have any session yet.") }}--> |
||||
<!-- </div>--> |
||||
<!-- <div>--> |
||||
<!-- {{ $t('Go to "Explore" to find a topic of interest, or wait for someone to subscribe you.') }}--> |
||||
<!-- </div>--> |
||||
<!-- </div>--> |
||||
<!-- </div>--> |
||||
</div> |
||||
</template> |
||||
|
||||
Loading…
Reference in new issue