Ajout de la page Gestion UE
This commit is contained in:
Guillaume FAUVET
parent
3578b73417
commit
5ad2f24ff9
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=0.4">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
|
||||||
|
|
||||||
|
<title>Gestion des enseignants</title>
|
||||||
|
|
||||||
|
<!-- Icon -->
|
||||||
|
<link rel='shortcut icon' href='/favicon.ico'>
|
||||||
|
|
||||||
|
<!-- CSS dependencies -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/font-loader.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/global.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/pop-up.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/layout.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/menu.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/header.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='/css/container.css'>
|
||||||
|
|
||||||
|
<!-- JS dependencies -->
|
||||||
|
<script type='text/javascript' src='/js/_SERVER.js'></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<div id='main-vue'></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- POPUP WINDOW -->
|
||||||
|
<div id='POPUP'>
|
||||||
|
<div class='header'></div>
|
||||||
|
<div class='body'></div>
|
||||||
|
<div class='footer'></div>
|
||||||
|
</div>
|
||||||
|
<div id='POPUP-BG'></div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Main loop -->
|
||||||
|
<script type='text/javascript' src='/js/bundle@ue.js'></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,53 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<div id='CONTAINER' class='card' style="top: 0; height: 100%">
|
||||||
|
|
||||||
|
<div class="card container" style="width: 100%">
|
||||||
|
<section v-if='gstore.ues.length <= 0'>Aucun enseignant trouvé</section>
|
||||||
|
|
||||||
|
<section v-for='ue in gstore.ues' :data-id='ue.code'>
|
||||||
|
<span class='category'>{{ ue.code }}</span>
|
||||||
|
<h1>{{ ue.label }}</h1>
|
||||||
|
|
||||||
|
<div class='table'>
|
||||||
|
<div>
|
||||||
|
<span>{{ue.volumeCours}}</span>
|
||||||
|
<span>heures de cours</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>{{ue.volumeTD}}</span>
|
||||||
|
<span>heures de TD</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>{{ue.volumeTP}}</span>
|
||||||
|
<span>heures de TP</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class='sub'><strong>ZOU</strong> équivalents TD</div>
|
||||||
|
|
||||||
|
<div class='footer'>
|
||||||
|
<span :class="(ue.volumeCours == 0) ? 'course' : 'course active'">{{ ue.volumeCours }}</span><hr>
|
||||||
|
<span :class="(ue.volumeTD == 0) ? 'td' : 'td active'">{{ ue.volumeTD }}</span><hr>
|
||||||
|
<span :class="(ue.volumeTP == 0) ? 'tp' : 'tp active'">{{ ue.volumeTP }}</span>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CONTAINER_VIEW',
|
||||||
|
data(){
|
||||||
|
return { gstore: gstore.get }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>s
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
/* (1) Load UEs
|
||||||
|
---------------------------------------------------------*/
|
||||||
|
/* (1) Initialize list */
|
||||||
|
gstore.add('ues', []);
|
||||||
|
|
||||||
|
/* (2) Get UEs */
|
||||||
|
api.call('GET ue', { vh: true }, function(rs) {
|
||||||
|
|
||||||
|
// {1} If error -> abort //
|
||||||
|
if(rs.error !== 0)
|
||||||
|
return console.log('No UE found, error: ' + rs.error);
|
||||||
|
|
||||||
|
// {2} Store UEs //
|
||||||
|
console.log(rs);
|
||||||
|
gstore.get.ues = rs.ues;
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
/* (1) Imports
|
||||||
|
---------------------------------------------------------*/
|
||||||
|
/* (1) NPM libs */
|
||||||
|
import Vue from 'vue'
|
||||||
|
import VueRouter from 'vue-router'
|
||||||
|
import routes from '../routes/ue'
|
||||||
|
|
||||||
|
/* (2) Vues */
|
||||||
|
import wrapper_vue from '../vue/wrapper.vue'
|
||||||
|
|
||||||
|
/* (3) Data */
|
||||||
|
require('../data/common');
|
||||||
|
require('../data/ue');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* (2) Initialisation
|
||||||
|
---------------------------------------------------------*/
|
||||||
|
/* (1) Init Router */
|
||||||
|
const router = new VueRouter({
|
||||||
|
mode: 'history',
|
||||||
|
routes: routes[0]
|
||||||
|
});
|
||||||
|
|
||||||
|
/* (2) Store router in gstore */
|
||||||
|
gstore.add('router', router);
|
||||||
|
|
||||||
|
/* (3) Render view */
|
||||||
|
Vue.use(VueRouter);
|
||||||
|
new Vue({
|
||||||
|
el: '#main-vue',
|
||||||
|
router,
|
||||||
|
render: h => h(wrapper_vue)
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
export default{ 0: [
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/ue/view/',
|
||||||
|
component: require('../component/ue/view.vue').default
|
||||||
|
}, {
|
||||||
|
path: '*',
|
||||||
|
redirect: '/ue/view/'
|
||||||
|
}
|
||||||
|
|
||||||
|
]}
|
||||||
Loading…
Reference in New Issue