client/src/components/ChallengeList.vue

   1 <template lang="pug">
   2 table
   3   tr
   4     th Variant
   5     th From
   6     th To
   7     th Cadence
   8   tr(v-for="c in challenges" @click="$emit('click-challenge',c)")
   9     td {{ c.vname }}
  10     td {{ c.from.name }}
  11     td {{ c.to }}
  12     td {{ c.timeControl }}
  13 </template>
  14
  15 <script>
  16 export default {
  17   name: "my-challenge-list",
  18     props: ["challenges"],
  19 };
  20 </script>
  21
  22 <style lang="sass">
  23 // TODO: affichage bizarre sur petits écrans <=767px
  24 </style>