[vchess.git] / client / src / components / ChallengeList.vue

<template lang="pug">
table
  tr
    th Variant
    th From
    th To
    th Cadence
  tr(v-for="c in challenges" @click="$emit('click-challenge',c)")
    td {{ c.vname }}
    td {{ c.from.name }}
    td {{ c.to }}
    td {{ c.timeControl }}
</template>

<script>
export default {
  name: "my-challenge-list",
	props: ["challenges"],
};
</script>

<style lang="sass">
// TODO: affichage bizarre sur petits écrans <=767px
</style>
Commit	Line	Data
	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>