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> <template>
<div> <div>
<div class="row"> <details>
<div class="col-md-4"> <summary>Filtres</summary>
<div class="pr-4">
<label for="projects">Période</label> <div class="bg-light border mt-3 mb-3 p-3">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-md-2">
<select class="form-control mr-2" v-model="month"> <div class="pr-4">
<option v-for="value, key in months" v-bind:value="key">{{ value }}</option> <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> </select>
</div> </div>
<div class="col-6"> </div>
<select class="form-control ml-2" v-model="year"> <div class="col-md-6">
<option v-for="value, key in years" v-bind:value="key">{{ value }}</option> <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> </select>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4"> </details>
<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>
<div class="row" v-if="weeks.length > 0"> <div class="row" v-if="weeks.length > 0">
<div class="col-md-12"> <div class="col-md-12">
@ -50,6 +56,10 @@
table { table {
font-size: 12px; font-size: 12px;
} }
.bg-light {
background: #e9ecef !important;
}
</style> </style>
<script> <script>