<template>

    <div id='CONTAINER' class='list'>

		<!-- <input class='list instant-search neutral' type='text' @keyup='gstore.is_handler($event)' placeholder='Recherche instantannée' id='teacher_view_instant_search'>

		<section v-if='gstore.ues.length <= 0'>Aucun enseignant trouvé</section> -->

		<section v-for='ue in gstore.ues' :data-id='ue.code'>

			<div class='main'>{{ ue.code }}</div>
			<div>{{ ue.label }}</div>

			<div class='tag list'>
				<a class='tag'
					:data-none='ue.volumeCours>0?0:1'
					:data-good='ue.volumeCours >= Math.max(ue.volumeTD+ue.volumeTP)?1:0'>{{ ue.volumeCours }}h</a>
				<a class='tag'
					:data-none='ue.volumeTD>0?0:1'
					:data-good='ue.volumeTD >= Math.max(ue.volumeCours+ue.volumeTP)?1:0'>{{ ue.volumeTD }}h</a>
				<a class='tag'
					:data-none='ue.volumeTP>0?0:1'
					:data-good='ue.volumeTP >= Math.max(ue.volumeCours+ue.volumeTD)?1:0' >{{ ue.volumeTP }}h</a>
			</div>

		</section>

    </div>

</template>




<script>

    export default {
        name: 'CONTAINER_VIEW',
        data(){
            return { gstore: gstore.get }
        }
    }

</script>s