mirror of
https://gitlab.com/TheGamecraft/c-cms.git
synced 2026-04-21 02:39:10 -04:00
Working schedule v2
This commit is contained in:
Mathieu Lagace
25
resources/custom.css
vendored
25
resources/custom.css
vendored
@@ -1868,4 +1868,29 @@ tfoot > tr {
|
||||
|
||||
.iconpicker-popover {
|
||||
z-index: 15 !important;
|
||||
}
|
||||
|
||||
.schedule-level-header {
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.schedule-periode-container {
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.schedule-body>.row:nth-of-type(odd) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.schedule-course-container {
|
||||
border-right: 1px solid #dddddd;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
.schedule-container {
|
||||
min-width: 1500px;
|
||||
}
|
||||
|
||||
.overflow-auto {
|
||||
overflow: auto;
|
||||
}
|
||||
@@ -20,7 +20,13 @@
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<label>OCOM</label>
|
||||
<p>{{$course->ocom}}</p>
|
||||
<p>
|
||||
@if(\App\OCOM::findByOCOM($course->ocom) != null)
|
||||
<a href="/admin/ocom/{{\App\OCOM::findByOCOM($course->ocom)->id}}">{{$course->ocom}}</a>
|
||||
@else
|
||||
{{$course->ocom}}
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label>Date</label>
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
@foreach($ocoms as $ocom)
|
||||
<tr class="cursor">
|
||||
<td class="text-center" onclick="navigate({{$ocom->id}})">
|
||||
@if($ocom->wasGiven() != false)
|
||||
@if($ocom->course_id != "")
|
||||
<div data-toggle="tooltip" data-placement="right" title="Le cours a été donné cette année">
|
||||
<p class="d-none">1</p>
|
||||
<i class="fas fa-check-circle fa-2x text-success"></i>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-1 text-center align-middle p-3">
|
||||
@if($ocom->wasGiven() != false)
|
||||
@if($ocom->course_id != "")
|
||||
<div data-toggle="tooltip" data-placement="right" title="Le cours a été donné cette année">
|
||||
<p class="d-none">1</p>
|
||||
<i class="fas fa-check-circle fa-2x text-success"></i>
|
||||
@@ -64,7 +64,7 @@
|
||||
<tbody>
|
||||
@foreach($ocom->courses() as $course)
|
||||
<tr>
|
||||
<th>{{$course->id}}</th>
|
||||
<th> <a href="/admin/course/{{$course->id}}">{{$course->id}}</a> </th>
|
||||
<td>{{$course->event->date_begin}}</td>
|
||||
<td>{{$course->instructor()}}</td>
|
||||
<td>{{$course->level}}</td>
|
||||
|
||||
@@ -1,239 +1,274 @@
|
||||
@extends('layouts.admin.main')
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="card ">
|
||||
<div class="card-header card-header-primary">
|
||||
<h4 class="card-title">Ajouter un événement à l'horaire</h4>
|
||||
</div>
|
||||
<div class="card-body ">
|
||||
<form action="/admin/schedule/event/edit/{{$activity->id}}" method="POST">
|
||||
@csrf
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label for="type">Type d'événement</label>
|
||||
<select class="form-control selectpicker" data-style="btn btn-link" name="type" id="type" disabled required>
|
||||
@foreach (\App\ComplementaryActivity::all() as $item)
|
||||
<option value="{{$item->id}}">{{$item->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<form action="/admin/schedule/event/edit/{{$event->id}}" method="POST" enctype="multipart/form-data">
|
||||
<div class="row">
|
||||
@csrf
|
||||
<div class="col-9">
|
||||
<div class="card ">
|
||||
<div class="card-header card-header-primary">
|
||||
<h4 class="card-title">Modifier un événement à l'horaire</h4>
|
||||
</div>
|
||||
<div class="row" id="container">
|
||||
<div class="col-md-12 mt-4 text-center">
|
||||
<h4>Information Générale</h4>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label for="name">Nom de l'événement</label>
|
||||
<input type="text" name="name" id="name" class="form-control" placeholder="" aria-describedby="nameHelp" value="{{$activity->name}}" required>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le nom de l'événement</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="label-control">Date et Heure de début</label>
|
||||
<input name="begin" type="text" id="datetimepickerbegin" class="form-control datetimepicker" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="label-control">Date et Heure de fin</label>
|
||||
<input name="end" type="text" id="datetimepickerend" class="form-control datetimepicker" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="name">Lieux</label>
|
||||
<input type="text" name="location" id="location" class="form-control" placeholder="" aria-describedby="nameHelp" value="{{$activity->location}}" required>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le lieu de l'événement</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 my-auto text-center">
|
||||
<div class="form-group">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" name="is_mandatory" type="checkbox" value="1"
|
||||
@if ($activity->is_mandatory == 1)
|
||||
checked
|
||||
@endif>
|
||||
L'événement est t-il obligatoire pour tous les cadets ?
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mt-4 text-center">
|
||||
<h4>Options Supplémentaires</h4>
|
||||
</div>
|
||||
<div class="col-md-12 mt-4">
|
||||
<ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
|
||||
<li class="nav-item w-25">
|
||||
<a class="nav-link active w-100" id="pills-home-tab" data-toggle="pill" href="#comment" role="tab" aria-controls="pills-home" aria-selected="true">Description</a>
|
||||
</li>
|
||||
<li class="nav-item w-25">
|
||||
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#msg" role="tab" aria-controls="pills-profile" aria-selected="false">Message de la semaine</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="comment" role="tabpanel" aria-labelledby="pills-home-tab">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control richeditor" name="desc" id="desc" rows="6" required>{{$activity->desc}}</textarea>
|
||||
<div class="card-body ">
|
||||
<div class="row" id="container">
|
||||
<div id="accordion" class="col-12" role="tablist">
|
||||
<div class="card card-collapse">
|
||||
<div class="card-header" role="tab" id="headingOne">
|
||||
<h5 class="mb-0">
|
||||
<a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
<b>Information générale</b>
|
||||
<i class="material-icons">keyboard_arrow_down</i>
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="msg" role="tabpanel" aria-labelledby="pills-profile-tab">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="label-control">Date et heure de publication des messages de la semaine</label>
|
||||
<input name="date_msg" type="text" id="datetimepickermsg" class="form-control datetimepicker"/>
|
||||
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
|
||||
<div class="row mt-3">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label for="name">Nom de l'événement</label>
|
||||
<input type="text" name="name" id="name" class="form-control" placeholder="" aria-describedby="nameHelp" required>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le nom de l'événement</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control richeditor" name="msg" id="msg" rows="6">{{$activity->msg}}</textarea>
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="label-control">Date et Heure de début</label>
|
||||
<input name="begin_time" type="text" id="begin_time" class="form-control datetimepicker" required/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($activity->type == 1)
|
||||
<div class="col-md-12 mt-4 text-center">
|
||||
<h4>Horaire d'instruction</h4>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div id="accordion" role="tablist">
|
||||
@for ($i = 1; $i <= \App\Config::getData('admin_level_in_schedule_nb'); $i++)
|
||||
<div class="card card-collapse">
|
||||
<div class="card-header" role="tab" id="heading{{$i}}">
|
||||
<h5 class="mb-0">
|
||||
<a data-toggle="collapse" href="#collapse{{$i}}" aria-expanded="true" aria-controls="collapse{{$i}}">
|
||||
Horaire Niveau {{$i}}
|
||||
<i class="material-icons">keyboard_arrow_down</i>
|
||||
</a>
|
||||
</h5>
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="form-group">
|
||||
<label class="label-control">Date et Heure de fin</label>
|
||||
<input name="end_time" type="text" id="end_time" class="form-control datetimepicker" required/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="collapse{{$i}}" class="collapse" role="tabpanel" aria-labelledby="heading{{$i}}" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
|
||||
@for ($p = 1; $p <= \App\Config::getData('admin_periode_nb'); $p++)
|
||||
<h4 class="mt-3" >Période {{$p}}</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 my-2">
|
||||
<div class="form-group">
|
||||
<label for="name">Nom du cours</label>
|
||||
<input type="text" name="name_n{{$i}}_p{{$p}}" id="name_n{{$i}}_p{{$p}}" class="form-control" aria-describedby="nameHelp" required @if($activity->course($p,$i) != null) value="{{$activity->course($p,$i)->name}}" @endif>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le nom du cours</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<div class="form-group">
|
||||
<label for="name">Instructeur</label>
|
||||
<div class="autocomplete">
|
||||
<input type="text" name="instruc_n{{$i}}_p{{$p}}" id="instruc_n{{$i}}_p{{$p}}" class="form-control AutoComplete" aria-describedby="nameHelp" autocomplete="off" required @if($activity->course($p,$i) != null) value="@if(is_numeric($activity->course($p,$i)->user_id)){{\App\User::find($activity->course($p,$i)->user_id)->fullname()}} @else {{$activity->course($p,$i)->user_id}} @endif" @endif>
|
||||
</div>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le nom de l'instructeur</small>
|
||||
<div class="col-lg-6 col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="name">Lieux</label>
|
||||
<input type="text" name="location" id="location" class="form-control" placeholder="" aria-describedby="nameHelp" required>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le lieu de l'événement</small>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collmessagedelasemaine" class="col-12 d-none">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="label-control">Date et heure de publication des messages de la semaine</label>
|
||||
<input name="date_msg" type="text" id="weekly_msg_publication_time" class="form-control datetimepicker"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<button class="btn btn-outline-primary btn-block" disabled type="button" data-toggle="collapse" data-target="#collapseFiles" aria-expanded="false" aria-controls="collapseExample">
|
||||
Joindre des fichiers avec les messages de la semaine
|
||||
</button>
|
||||
<div class="collapse" id="collapseFiles">
|
||||
<ul class="list-group">
|
||||
@foreach($event->weekly_msg_file as $file)
|
||||
<li id="{{$file}}" class="list-group-item">{{ $file }} <a class="btn btn-primary btn-fab btn-fab-mini btn-round float-right text-white" onclick="removeFile('{{$file}}')"><i class="material-icons">delete</i> </a></li>
|
||||
@endforeach
|
||||
<input class="d-none" type="text" name="removedfile" id="removedfile" value="">
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="form-group bmd-form-group is-filled">
|
||||
<label class="label-control bmd-label-static">Ajouter des fichiers</label>
|
||||
<div class="fileinput fileinput-new input-group" data-provides="fileinput" style="display: flex !important;">
|
||||
<div class="form-control" data-trigger="fileinput">
|
||||
<span class="fileinput-filename"></span>
|
||||
</div>
|
||||
<span class="input-group-append">
|
||||
<span class="input-group-text fileinput-exists cursor" data-dismiss="fileinput">Remove</span>
|
||||
<span class="input-group-text btn-file">
|
||||
<span class="fileinput-new cursor">Select file</span>
|
||||
<span class="fileinput-exists cursor">Change</span>
|
||||
<input type="file" name="files[]" multiple>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 my-2">
|
||||
<div class="form-group">
|
||||
<label for="name">OCOM</label>
|
||||
<input type="text" name="ocom_n{{$i}}_p{{$p}}" id="ocom_n{{$i}}_p{{$p}}" class="form-control" aria-describedby="nameHelp" required @if($activity->course($p,$i) != null) value="{{$activity->course($p,$i)->ocom}}" @endif>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer l'OCOM</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 my-2">
|
||||
<div class="form-group">
|
||||
<label for="name">Lieux</label>
|
||||
<input type="text" name="loc_n{{$i}}_p{{$p}}" id="loc_n{{$i}}_p{{$p}}" class="form-control" placeholder="" aria-describedby="nameHelp" required @if($activity->course($p,$i) != null) value="{{$activity->course($p,$i)->location}}" @endif>
|
||||
<small id="nameHelp" class="text-muted">Veuillez entrer le lieux</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<button type="button" class="btn btn-primary btn-block" disabled>Réservation de materiel (Disponible une fois l'événement sauvegarder)</button>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@endfor
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mt-4">
|
||||
<label class="mb-0" for="desc">Description</label>
|
||||
<div class="form-group">
|
||||
<textarea class="form-control richeditor" name="admin_desc" id="admin_desc" rows="6" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-collapse d-none" id="collschedule">
|
||||
<div class="card-header" role="tab" id="headingThree">
|
||||
<h5 class="mb-0">
|
||||
<a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
<b>Horaire</b>
|
||||
<i class="material-icons">keyboard_arrow_down</i>
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion">
|
||||
<div class="card-body" style="overflow: scroll">
|
||||
<div id="editor" class="m-3" style="width: 110vw">
|
||||
@loaderDot
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary mt-5">Sauvegarder</button>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary mt-5">Sauvegarder</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<div class="card ">
|
||||
<div class="card-header card-header-primary">
|
||||
<h4 class="card-title">Options</h4>
|
||||
</div>
|
||||
<div class="card-body ">
|
||||
<div class="form-group">
|
||||
<label for="type">Type d'événement</label>
|
||||
<small class="text-muted d-block">Choisir le type d'activité supprimera vos modification actuel</small>
|
||||
<select disabled class="form-control selectpicker" data-style="btn btn-link" name="type" id="type" required>
|
||||
@foreach (\App\EventType::all() as $item)
|
||||
<option value="{{$item->id}}">{{$item->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="m-0" for="type">Activité obligatoire</label>
|
||||
<small class="text-muted d-block">L'activité est-elle obligatoire pour tout les cadets ?</small>
|
||||
<div class="togglebutton">
|
||||
<label>
|
||||
<input id="is_mandatory" name="is_mandatory" type="checkbox">
|
||||
<span class="toggle"></span>
|
||||
L'activité est obligatoire
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="m-0" for="type">Message de la semaine</label>
|
||||
<small class="text-muted d-block">Inclure des messages de la semaine avec l'activité ?</small>
|
||||
<div class="togglebutton">
|
||||
<label>
|
||||
<input id="use_weekly_msg" type="checkbox" name="use_weekly_msg" onchange="switchUseWeeklyMsg()">
|
||||
<span class="toggle"></span>
|
||||
Avec message de la semaine
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="m-0" for="type">Horaire</label>
|
||||
<small class="text-muted d-block">Inclure un horaire avec l'activité ?</small>
|
||||
<div class="togglebutton">
|
||||
<label>
|
||||
<input type="checkbox" id="use_schedule" name="use_schedule" checked onchange="switchUseSchedule()">
|
||||
<span class="toggle"></span>
|
||||
Avec horaire
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="accordion-apparence" role="tablist">
|
||||
<div class="card card-collapse">
|
||||
<div class="card-header" role="tab" id="heading-apparence">
|
||||
<h5 class="mb-0">
|
||||
<a data-toggle="collapse" href="#col-apparence" aria-expanded="false" aria-controls="col-apparence">
|
||||
Apparence
|
||||
<i class="material-icons">keyboard_arrow_down</i>
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<div id="col-apparence" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion-apparence">
|
||||
<div class="card-body">
|
||||
<div class="form-group iconpicker-container">
|
||||
<label for="type">Icone</label>
|
||||
<small class="text-muted d-block">Icone de l'activité</small>
|
||||
<div class="input-group iconpicker-container">
|
||||
<input id="calendar_icon" name="calendar_icon" data-placement="bottomRight" class="form-control icp icp-auto iconpicker-element iconpicker-input" value="fas fa-archive" type="text">
|
||||
<span class="input-group-addon"><i id="calendar_icon_display" class="fas fa-assistive-listening-systems"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="type">Couleur</label>
|
||||
<small class="text-muted d-block">Couleur de l'activité</small>
|
||||
<div class="input-group iconpicker-container">
|
||||
<input class="form-control" type="text" name="calendar_color" id="calendar_color" value="#2196F3" onclick="pickr.show()">
|
||||
<span class="color-picker"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('custom_scripts')
|
||||
<script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>
|
||||
<script src="/js/plugins/fontawesome-icon-picker/fontawesome-iconpicker.js"></script>
|
||||
<script>
|
||||
$('.icp-auto').iconpicker({ placement: 'left',animation: 'false'});
|
||||
const pickr = Pickr.create({
|
||||
el: '.color-picker',
|
||||
theme: 'monolith', // or 'monolith', or 'nano'
|
||||
|
||||
swatches: [
|
||||
'rgba(244, 67, 54, 1)',
|
||||
'rgba(233, 30, 99, 1)',
|
||||
'rgba(156, 39, 176, 1)',
|
||||
'rgba(103, 58, 183, 1)',
|
||||
'rgba(63, 81, 181, 1)',
|
||||
'rgba(33, 150, 243, 1)',
|
||||
'rgba(3, 169, 244, 1)',
|
||||
'rgba(0, 188, 212, 1)',
|
||||
'rgba(0, 150, 136, 1)',
|
||||
'rgba(76, 175, 80, 1)',
|
||||
'rgba(139, 195, 74, 1)',
|
||||
'rgba(205, 220, 57, 1)',
|
||||
'rgba(255, 235, 59, 1)',
|
||||
'rgba(255, 193, 7, 1)'
|
||||
],
|
||||
comparison: false,
|
||||
default: '#2196F3',
|
||||
components: {
|
||||
|
||||
// Main components
|
||||
preview: true,
|
||||
opacity: false,
|
||||
hue: true,
|
||||
|
||||
// Input / output Options
|
||||
interaction: {
|
||||
hex: true,
|
||||
rgba: false,
|
||||
hsla: false,
|
||||
hsva: false,
|
||||
cmyk: false,
|
||||
input: true,
|
||||
clear: false,
|
||||
save: false
|
||||
}
|
||||
}
|
||||
});
|
||||
pickr.on('change', (color,instance) => {
|
||||
$('#calendar_color').val(color.toHEXA().toString());
|
||||
});
|
||||
</script>
|
||||
<script src="/js/calendar.js"></script>
|
||||
<script src="/js/plugins/schedule/editorv2.js"></script>
|
||||
<script src="/js/plugins/autocomplete.js"></script>
|
||||
<script>
|
||||
var countries = ["Afghanistan","Albania","Algeria","Andorra","Angola","Anguilla","Antigua & Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bosnia & Herzegovina","Botswana","Brazil","British Virgin Islands","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Cayman Islands","Central Arfrican Republic","Chad","Chile","China","Colombia","Congo","Cook Islands","Costa Rica","Cote D Ivoire","Croatia","Cuba","Curacao","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Polynesia","French West Indies","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guam","Guatemala","Guernsey","Guinea","Guinea Bissau","Guyana","Haiti","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Kosovo","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macau","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauro","Nepal","Netherlands","Netherlands Antilles","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","North Korea","Norway","Oman","Pakistan","Palau","Palestine","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Puerto Rico","Qatar","Reunion","Romania","Russia","Rwanda","Saint Pierre & Miquelon","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Korea","South Sudan","Spain","Sri Lanka","St Kitts & Nevis","St Lucia","St Vincent","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Timor L'Este","Togo","Tonga","Trinidad & Tobago","Tunisia","Turkey","Turkmenistan","Turks & Caicos","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Virgin Islands (US)","Yemen","Zambia","Zimbabwe"];
|
||||
var begin = "<?php echo $activity->date_begin ?>";
|
||||
var end = "<?php echo $activity->date_end ?>";
|
||||
var msg = "<?php echo $activity->date_msg ?>";
|
||||
$('#datetimepickerbegin').datetimepicker({
|
||||
icons: {
|
||||
time: "fa fa-clock-o",
|
||||
date: "fa fa-calendar",
|
||||
up: "fa fa-chevron-up",
|
||||
down: "fa fa-chevron-down",
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
},
|
||||
date: new Date(begin)
|
||||
});
|
||||
$('#datetimepickerend').datetimepicker({
|
||||
icons: {
|
||||
time: "fa fa-clock-o",
|
||||
date: "fa fa-calendar",
|
||||
up: "fa fa-chevron-up",
|
||||
down: "fa fa-chevron-down",
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
},
|
||||
date: new Date(end)
|
||||
});
|
||||
$('#datetimepickermsg').datetimepicker({
|
||||
icons: {
|
||||
time: "fa fa-clock-o",
|
||||
date: "fa fa-calendar",
|
||||
up: "fa fa-chevron-up",
|
||||
down: "fa fa-chevron-down",
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
},
|
||||
date: new Date(msg)
|
||||
});
|
||||
$('.richeditor').trumbowyg({
|
||||
lang: 'fr'
|
||||
});
|
||||
initAutoComplete("AutoComplete");
|
||||
$(function () {
|
||||
console.log('Document READY loading schedule editor');
|
||||
loadEvent('{{$event->date_begin}}',{{$event->id}});
|
||||
})
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@endsection
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
Du <strong>{{$event->date_begin}}</strong> au <strong>{{$event->date_end}}</strong><br>
|
||||
<small>{{$event->location}} </small>
|
||||
Du <strong>{{$event->date_begin}}</strong> au <strong>{{$event->date_end}}</strong><br>
|
||||
<small>{{$event->location}} </small>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
@if ($event->is_mandatory)
|
||||
@@ -13,95 +13,87 @@
|
||||
@else
|
||||
<span class="badge badge-pill badge-info">Optionnel</span>
|
||||
@endif
|
||||
@if (is_int($event->type))
|
||||
<span class="badge badge-pill badge-default">{{$event->type}}</span>
|
||||
@else
|
||||
<span class="badge badge-pill" style="background-color: {{\App\ComplementaryActivity::find($event->type)->calendar_color}}">{{\App\ComplementaryActivity::find($event->type)->name}}</span>
|
||||
@if($event->type() != null)
|
||||
<span class="badge badge-pill" style="background-color: {{$event->type()->calendar_color}}">{{$event->type()->name}}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-12">
|
||||
{!!$event->desc!!}
|
||||
</div>
|
||||
</div>
|
||||
@if (!$event->courses->isEmpty())
|
||||
@if ($event->use_schedule)
|
||||
<hr>
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-12">
|
||||
<h4 class="title text-center">Horaire</h4>
|
||||
<div class="row d-none d-md-flex">
|
||||
<div class="col-md-2 m-3"></div>
|
||||
@for ($p = 1; $p <= \App\Config::getData('admin_periode_nb'); $p++)
|
||||
<div class="col-md m-3">
|
||||
Période {{$p}} <small>{{\App\Config::all()->where('name','admin_periode_begin')->first()->data[$p]}} à {{\App\Config::all()->where('name','admin_periode_end')->first()->data[$p]}} </small>
|
||||
<h4 class="text-center thead-dark m-0 p-2"><b>Horaire</b></h4>
|
||||
<div class="overflow-auto">
|
||||
<div class="schedule-container">
|
||||
<div class="row d-none d-md-flex thead-dark">
|
||||
<div class="col-md-2"></div>
|
||||
@foreach ($event->schedule["periodes"] as $periode)
|
||||
<div class="col-md">
|
||||
<h4>{{$periode["name"]}}</h4> <small>{{ $periode["begin_time"] }}
|
||||
à {{ $periode["end_time"] }} </small>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
@for ($l = 1; $l <= \App\Config::getData('admin_level_in_schedule_nb'); $l++)
|
||||
<div class="row">
|
||||
<div class="col-md-2 m-3">
|
||||
Niveau {{$l}}
|
||||
</div>
|
||||
@for ($p = 1; $p <= \App\Config::getData('admin_periode_nb'); $p++)
|
||||
<div class="col-md m-3">
|
||||
@foreach ($event->courses as $course)
|
||||
@if ($course->periode == $p && $course->level == $l)
|
||||
<div class="row">
|
||||
<div class="col-sm-6 my-2">
|
||||
{{$course->name}}
|
||||
</div>
|
||||
<div class="col-sm-6 my-2 text-sm-right">
|
||||
@if(\App\User::find($course->user_id))
|
||||
{{\App\User::find($course->user_id)->fullname()}}
|
||||
@else
|
||||
{{$course->user_id}}
|
||||
@endif
|
||||
</div>
|
||||
<div class="col-sm-6 my-2">
|
||||
{{$course->ocom}}
|
||||
</div>
|
||||
<div class="col-sm-6 my-2 text-sm-right">
|
||||
{{$course->location}}
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<a class="btn btn-primary btn-sm btn-block" data-toggle="collapse" href="#collapse{{$l.$p}}" aria-expanded="false" aria-controls="collapse{{$l.$p}}">Réservation de materiel</a>
|
||||
<div class="collapse" id="collapse{{$l.$p}}">
|
||||
<div class="m-3">
|
||||
@if (!$course->bookings->isEmpty())
|
||||
<div class="row">
|
||||
<div class="col-sm-8 p-2">
|
||||
<strong>Item</strong>
|
||||
</div>
|
||||
<div class="col-sm-4 text-right p-2">
|
||||
<strong>Quantité</strong>
|
||||
</div>
|
||||
<hr>
|
||||
@foreach ($course->bookings as $booking)
|
||||
<div class="col-sm-8 p-2">
|
||||
<a href="/admin/item/{{$booking->item->id}}">{{$booking->item->name}}</a>
|
||||
</div>
|
||||
<div class="col-sm-4 text-right p-2">
|
||||
{{$booking->amount}}
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<p class="text-center">
|
||||
<strong>Aucune réservation</strong>
|
||||
</p>
|
||||
@endif
|
||||
<hr>
|
||||
<a class="btn btn-primary btn-sm btn-block mt-2" href="/admin/booking/course/{{$course->id}}" role="button">Modifier les réservation</a>
|
||||
<div class="schedule-body">
|
||||
@foreach($event->schedule["niveaux"] as $niveauIndex => $niveau)
|
||||
<div class="row">
|
||||
<div class="col-md-2 schedule-level-header px-3 pb-3">
|
||||
<h4 class="title pl-3">{{ $niveau["name"] }}</h4>
|
||||
</div>
|
||||
@foreach ($event->schedule["periodes"] as $periodeIndex => $periode)
|
||||
@php
|
||||
$course = $event->course($periodeIndex+1,$niveauIndex+1);
|
||||
@endphp
|
||||
<div class="col-md px-3 pb-3 schedule-course-container">
|
||||
<div class="row">
|
||||
<div class="col-12 p-1 bg-dark">
|
||||
<div class="row">
|
||||
<div class="col-5 m-auto">
|
||||
<a class="text-white pl-3" href="/admin/course/{{$course->id}}">
|
||||
<b>Cours #{{$course->id}}</b>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-5 m-auto text-white">
|
||||
@if(\App\OCOM::findByOCOM($course->ocom) != null) {{\App\OCOM::findByOCOM($course->ocom)->getDurationInMin()}} min @endif
|
||||
</div>
|
||||
<div class="col m-auto text-right">
|
||||
@if($course->lessonPlan)
|
||||
@if($course->lessonPlan->approved == 1)
|
||||
<i class="fas fa-check-circle text-success fa-2x" data-toggle="tooltip" data-placement="top" title="Plan de cours remis et vérifié"></i>
|
||||
@else
|
||||
<i class="fas fa-exclamation-circle text-warning fa-2x" data-toggle="tooltip" data-placement="top" title="Plan de cours remis mais non vérifié"></i>
|
||||
@endif
|
||||
@else
|
||||
<i class="fas fa-times-circle text-danger fa-2x" data-toggle="tooltip" data-placement="top" title="Plan de cours non remis"></i>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if($course->desc != null)
|
||||
<div class="col-12 pb-4 pt-3">{{ $course->desc }}</div>
|
||||
@else
|
||||
<div class="col-12 pb-4 pt-3">
|
||||
<a class="text-dark" @if(\App\OCOM::findByOCOM($course->ocom) != null) href="/admin/ocom/{{\App\OCOM::findByOCOM($course->ocom)->id}}" @endif>
|
||||
<b>{{ $course->ocom }}</b> - {{ $course->name }}
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
<div class="col-6">{{ $course->instructor() }}</div>
|
||||
<div class="col-6">{{ $course->location }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
@endfor
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">{{$event->name}}</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<button type="button" class="close" onclick="closeScheduleModal()" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@@ -21,7 +21,7 @@
|
||||
</div>
|
||||
<div class="col-sm-4 m-0 text-right">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
|
||||
<button type="button" class="btn btn-secondary" onclick="closeScheduleModal()">Fermer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user