chamilo-lms/assets/vue/components/session/SessionCardList.vue

<script>
import SessionCard from "./SessionCard.vue"

export default {
  name: "SessionCardList",
  components: {
    SessionCard,
  },
  props: {
    sessions: Array,
  },
  data() {
    return {
      deck: false,
    }
  },
  methods: {
    isList: function () {
      if (!this.deck) {
        return "primary"
      }
      return "secondary"
    },
    isDeck: function () {
      if (this.deck) {
        return "primary"
      }
      return "secondary"
    },
    changeLayout: function () {
      this.deck = !this.deck
    },
  },
}
</script>

<template>
  <div
    v-for="session in sessions"
    :key="session.id"
  >
    <SessionCard :session="session" />
  </div>
</template>