tinternet/suivi
tinternet/suivi
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

update calendar

Browse source
This commit is contained in:
Simon Vieille 2022-04-18 16:30:35 +02:00
parent 41e534546f
commit 08343cdd5a
Signed by: deblan
GPG key ID: 579388D585F70417
1 changed files with 38 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
assets/js/components/Calendar.vue
View file

@ -1,40 +1,46 @@
<template>
<div>
<div class="row">
<div class="col-md-4">
<div class="pr-4">
<label for="projects">Période</label>
<div class="row">
<div class="col-6">
<select class="form-control mr-2" v-model="month">
<option v-for="value, key in months" v-bind:value="key">{{ value }}</option>
<details>
<summary>Filtres</summary>
<div class="bg-light border mt-3 mb-3 p-3">
<div class="row">
<div class="col-md-2">
<div class="pr-4">
<label for="projects">Période</label>
<div class="row">
<div class="col-6">
<select class="form-control mr-2" v-model="month">
<option v-for="value, key in months" v-bind:value="key">{{ value }}</option>
</select>
</div>
<div class="col-6">
<select class="form-control ml-2" v-model="year">
<option v-for="value, key in years" v-bind:value="key">{{ value }}</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="pr-2">
<label for="projects">Intervenant⋅e⋅s</label>
<select class="form-control" v-model="selectedSpeakers" id="speakers" multiple>
<option v-for="item in speakers" v-bind:value="item.id">{{ item.name }}</option>
</select>
</div>
<div class="col-6">
<select class="form-control ml-2" v-model="year">
<option v-for="value, key in years" v-bind:value="key">{{ value }}</option>
</div>
<div class="col-md-6">
<div>
<label for="projects">Projets</label>
<select class="form-control" v-model="selectedProjects" id="projects" multiple>
<option v-for="item in projects" v-bind:value="item.id">{{ item.label }}</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="pr-2">
<label for="projects">Intervenant⋅e⋅s</label>
<select class="form-control" v-model="selectedSpeakers" id="speakers" multiple>
<option v-for="item in speakers" v-bind:value="item.id">{{ item.name }}</option>
</select>
</div>
</div>
<div class="col-md-4">
<div>
<label for="projects">Projets</label>
<select class="form-control" v-model="selectedProjects" id="projects" multiple>
<option v-for="item in projects" v-bind:value="item.id">{{ item.label }}</option>
</select>
</div>
</div>
</div>
</details>
<div class="row" v-if="weeks.length > 0">
<div class="col-md-12">
@ -50,6 +56,10 @@
table {
font-size: 12px;
}
.bg-light {
background: #e9ecef !important;
}
</style>
<script>