ptut-vhost/webpack/component/teacher/view.vue

47 lines
1.1 KiB
Vue

<template>
<div id='CONTAINER' class='card'>
<section v-if='gstore.professors.length <= 0'>Aucun enseignant trouvé</section>
<section v-for='prof in gstore.professors' :data-id='prof.idProfesseur'>
<span class='category'>{{ prof.categorie }}</span>
<h1>{{ prof.firstName }} {{ prof.lastName }}</h1>
<div class='table'>
<div>
<span>{{prof.hoursToDo}}</span>
<span>heures à faire</span>
</div>
<div>
<span>{{ prof.VHCours + prof.VHTd + prof.VHTp }}</span>
<span>heures prévues</span>
</div>
</div>
<div class='sub'><strong>{{ prof.equiTD }}h</strong> équivalents TD</div>
<div class='footer'>
<span :class="(prof.VHCours == 0) ? 'course' : 'course active'">{{ prof.VHCours }}</span><hr>
<span :class="(prof.VHTd == 0) ? 'td' : 'td active'">{{ prof.VHTd }}</span><hr>
<span :class="(prof.VHTp == 0) ? 'tp' : 'tp active'">{{ prof.VHTp }}</span>
</div>
</section>
</div>
</template>
<script>
export default {
name: 'CONTAINER_VIEW',
data(){
return { gstore: gstore.get }
}
}
</script>