mirror of
https://gitlab.com/TheGamecraft/c-cms.git
synced 2026-04-23 11:29:10 -04:00
Add Material Design for Public and Admin
This commit is contained in:
Mathieu Lagace
135
resources/views/admin/configs/activity-add.blade.php
Normal file
135
resources/views/admin/configs/activity-add.blade.php
Normal file
@@ -0,0 +1,135 @@
|
||||
@extends('layouts.admin.main')
|
||||
|
||||
@section('content')
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Ajouter une acitivité
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row form-group">
|
||||
<form class="w-100" method="POST" action="/admin/config/activity/add">
|
||||
@csrf
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="name">Nom de l'activite</label>
|
||||
<input type="text"
|
||||
class="form-control" name="name" id="name" aria-describedby="helpName" placeholder="Soirée d'instruction réguliere">
|
||||
<small id="helpName" class="form-text text-muted">Veuillez entrer le nom de l'activité</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="calendar_color">Couleur dans le calendrier</label>
|
||||
<input type="text"
|
||||
class="form-control" name="calendar_color" id="calendar_color" aria-describedby="helpcalendar_color" placeholder="#000000 ou red">
|
||||
<small id="helpcalendar_color" class="form-text text-muted">Nom de la couleur en anglais ou valeur HTML</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="calendar_icon">Icone dans le calendrier</label>
|
||||
<input type="text"
|
||||
class="form-control" name="calendar_icon" id="calendar_icon" aria-describedby="helpcalendar_icon" placeholder='<i class="fa fa-book" aria-hidden="true"></i>
|
||||
'>
|
||||
<small id="helpcalendar_icon" class="form-text text-muted">Balise complete de l'icon Font-Awesome</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<div class="col col-md-8">
|
||||
<label for="text-input" class=" form-control-label">Obligatoire par défaut</label>
|
||||
<small class="form-text text-muted">L'activitée est t-elle obligatoire par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
<div class="col col-md-4" style="margin: auto;">
|
||||
<label for="disabled-input" class=" form-control-label"></label>
|
||||
<label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;">
|
||||
<input id="is_mandatory" name="is_mandatory" class="switch-input" type="checkbox">
|
||||
<span class="switch-label"></span><span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<div class="col col-md-8">
|
||||
<label for="text-input" class=" form-control-label">Promu sur la page d'accueil</label>
|
||||
<small class="form-text text-muted">L'activitée doit-elle être visible sur la page d'accueil</small>
|
||||
</div>
|
||||
<div class="col col-md-4" style="margin: auto;">
|
||||
<label for="disabled-input" class=" form-control-label"></label>
|
||||
<label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;">
|
||||
<input id="is_promoted" name="is_promoted" class="switch-input" type="checkbox">
|
||||
<span class="switch-label"></span><span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="begin_time">Heure de début par défaut</label>
|
||||
<input type="time"
|
||||
class="form-control" name="begin_time" id="begin_time" aria-describedby="helpName">
|
||||
<small id="helpName" class="form-text text-muted">Heure de début par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="end_time">Heure de fin par défaut</label>
|
||||
<input type="time"
|
||||
class="form-control" name="end_time" id="end_time" aria-describedby="helpName">
|
||||
<small id="helpName" class="form-text text-muted">Heure de fin par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="location">Emplacement par défaut</label>
|
||||
<input type="text"
|
||||
class="form-control" name="location" id="location" aria-describedby="helpName" placeholder="Soirée d'instruction réguliere">
|
||||
<small id="helpName" class="form-text text-muted">Emplacement par défaut de l'activité</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="admin_desc">Description par défaut sur le calendrier</label>
|
||||
<textarea type="text"
|
||||
class="form-control" name="admin_desc" id="admin_desc" aria-describedby="helpName" placeholder='Veuillez modifier la description admin par défaut'></textarea>
|
||||
<small id="helpName" class="form-text text-muted">Description par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<a href="/admin/config/activity" class="btn btn-secondary">Annuler</a>
|
||||
<button type="submit" class="btn btn-primary">Sauvegarder</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<div class="breadcrumbs">
|
||||
<div class="col-sm-4">
|
||||
<div class="page-header float-left">
|
||||
<div class="page-title">
|
||||
<h1>Configuration Activitées</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="page-header float-right">
|
||||
<div class="page-title">
|
||||
<ol class="breadcrumb text-right">
|
||||
<li class="active">Configuration/Activitées/Ajouter</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('custom_scripts')
|
||||
@endsection
|
||||
152
resources/views/admin/configs/activity-edit.blade.php
Normal file
152
resources/views/admin/configs/activity-edit.blade.php
Normal file
@@ -0,0 +1,152 @@
|
||||
@extends('layouts.admin.main')
|
||||
|
||||
@section('content')
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Modification d'une activité</strong>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row form-group">
|
||||
<form class="w-100" method="POST" action="/admin/config/activity/edit/{{$activity->id}}">
|
||||
@csrf
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="name">Nom de l'activite</label>
|
||||
<input type="text"
|
||||
class="form-control" name="name" id="name" aria-describedby="helpName" placeholder="Soirée d'instruction réguliere" value="{{$activity->name}}">
|
||||
<small id="helpName" class="form-text text-muted">Veuillez entrer le nom de l'activité</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="calendar_color">Couleur dans le calendrier</label>
|
||||
<input type="text"
|
||||
class="form-control" name="calendar_color" id="calendar_color" aria-describedby="helpcalendar_color" placeholder="#000000 ou red" value="{{$activity->calendar_color}}"">
|
||||
<small id="helpcalendar_color" class="form-text text-muted">Nom de la couleur en anglais ou <a href="https://htmlcolorcodes.com/fr/">valeur HTML</a></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="calendar_icon">Icone dans le calendrier</label>
|
||||
<input type="text"
|
||||
class="form-control" name="calendar_icon" id="calendar_icon" aria-describedby="helpcalendar_icon" placeholder='<i class="fa fa-book" aria-hidden="true"></i>
|
||||
' value="{{$activity->calendar_icon}}">
|
||||
<small id="helpcalendar_icon" class="form-text text-muted">Balise complete de l'icon <a href="https://fontawesome.com/v4.7.0/"> Font-Awesome</a></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<div class="col col-md-8">
|
||||
<label for="text-input" class=" form-control-label">Obligatoire par défaut</label>
|
||||
<small class="form-text text-muted">L'activitée est t-elle obligatoire par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
<div class="col-md-4" style="margin: auto;">
|
||||
<label for="disabled-input" class=" form-control-label"></label>
|
||||
<label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;">
|
||||
<input id="is_mandatory" name="is_mandatory" class="switch-input" @if($activity->is_mandatory == 1) checked="true" @endif type="checkbox">
|
||||
<span class="switch-label"></span><span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<div class="col col-md-8">
|
||||
<label for="text-input" class=" form-control-label">Promu sur la page d'accueil</label>
|
||||
<small class="form-text text-muted">L'activitée doit-elle être visible sur la page d'accueil</small>
|
||||
</div>
|
||||
<div class="col col-md-4" style="margin: auto;">
|
||||
<label for="disabled-input" class=" form-control-label"></label>
|
||||
<label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;">
|
||||
<input id="is_promoted" name="is_promoted" class="switch-input" @if($activity->is_promoted == 1) checked="true" @endif type="checkbox">
|
||||
<span class="switch-label"></span><span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="begin_time">Heure de début par défaut</label>
|
||||
<input type="time"
|
||||
class="form-control" name="begin_time" id="begin_time" aria-describedby="helpName" value="{{$activity->begin_time}}">
|
||||
<small id="helpName" class="form-text text-muted">Heure de début par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="end_time">Heure de fin par défaut</label>
|
||||
<input type="time"
|
||||
class="form-control" name="end_time" id="end_time" aria-describedby="helpName" value="{{$activity->end_time}}">
|
||||
<small id="helpName" class="form-text text-muted">Heure de fin par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="location">Emplacement par défaut</label>
|
||||
<input type="text"
|
||||
class="form-control" name="location" id="location" aria-describedby="helpName" placeholder="Soirée d'instruction réguliere" value="{{$activity->location}}">
|
||||
<small id="helpName" class="form-text text-muted">Emplacement par défaut de l'activité</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<label for="admin_desc">Description par défaut sur le calendrier</label>
|
||||
<textarea type="text"
|
||||
class="form-control" name="admin_desc" id="admin_desc" aria-describedby="helpName" placeholder='Veuillez modifier la description admin par défaut'>{{$activity->admin_desc}}</textarea>
|
||||
<small id="helpName" class="form-text text-muted">Description par défaut lors de la création d'activité dans l'horaire</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-6" style="margin: auto;">
|
||||
<div class="form-group">
|
||||
<a href="/admin/config/activity" class="btn btn-secondary">Annuler</a>
|
||||
<button type="submit" class="btn btn-primary">Sauvegarder</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<div class="breadcrumbs">
|
||||
<div class="col-sm-4">
|
||||
<div class="page-header float-left">
|
||||
<div class="page-title">
|
||||
<h1>Configuration Activitées</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="page-header float-right">
|
||||
<div class="page-title">
|
||||
<ol class="breadcrumb text-right">
|
||||
<li class="active">Configuration/Activitées/{{$activity->name}}</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('custom_scripts')
|
||||
<script>
|
||||
function saveChange(pPerm) {
|
||||
(function($) {
|
||||
var myswitch = document.getElementById(pPerm);
|
||||
$.post('/api/config/general/save?api_token='+api_token, { value: myswitch.checked,perm: pPerm } , function(data) {
|
||||
swal({
|
||||
title: 'Modification enregistré !',
|
||||
type: 'success',
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
});
|
||||
})(jQuery);
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
88
resources/views/admin/configs/activity.blade.php
Normal file
88
resources/views/admin/configs/activity.blade.php
Normal file
@@ -0,0 +1,88 @@
|
||||
@extends('layouts.admin.main')
|
||||
|
||||
@section('content')
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Configuration Générale
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row form-group">
|
||||
@foreach ($activities as $activity)
|
||||
<div class="col-md-6 p-2">
|
||||
<div class="col col-md-8"><label for="text-input" class=" form-control-label">{{$activity->name}}</label><small class="form-text text-muted">L'horaire est t-il disponible publique sur la page d'accueil du site</small></div>
|
||||
<div class="col col-md-4" style="margin: auto;">
|
||||
<a href="/admin/config/activity/edit/{{$activity->id}}" class="btn btn-primary"><i class="fa fa-cog" aria-hidden="true"></i> Modifier</a>
|
||||
<a class="btn btn-danger" onclick="delActivity({{$activity->id}})" ><i class="fa fa-times" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="Supprimer"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 p-2">
|
||||
<a class="btn btn-primary btn-block" href="/admin/config/activity/add">Ajouter une activité</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<div class="breadcrumbs">
|
||||
<div class="col-sm-4">
|
||||
<div class="page-header float-left">
|
||||
<div class="page-title">
|
||||
<h1>Configuration Générale</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="page-header float-right">
|
||||
<div class="page-title">
|
||||
<ol class="breadcrumb text-right">
|
||||
<li class="active">Configuration/Générale</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('custom_scripts')
|
||||
<script>
|
||||
function delActivity(pid) {
|
||||
swal({
|
||||
title: 'Êtes vous certain ?',
|
||||
text: "Vous ne pourrez annuler cette action",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Oui',
|
||||
cancelButtonText: 'Non'
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
|
||||
(function($) {
|
||||
$.post('/api/config/activity/delete?api_token='+api_token, { id: pid } , function(data) {
|
||||
console.log('Delete');
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
swal(
|
||||
'Supprimé!',
|
||||
"L'évenement a été supprimé",
|
||||
'success'
|
||||
).then((result) => {
|
||||
if (result.value) {
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
100
resources/views/admin/configs/schedule.blade.php
Normal file
100
resources/views/admin/configs/schedule.blade.php
Normal file
@@ -0,0 +1,100 @@
|
||||
@extends('layouts.admin.main')
|
||||
|
||||
@section('content')
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Configuration Horaire d'instruction
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="/admin/config/schedule/edit">
|
||||
@csrf
|
||||
<h5 class="mb-4">Configuration des périodes</h5>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-6">
|
||||
<label for="">Nombre de période</label>
|
||||
<input type="number"
|
||||
class="form-control" name="admin_periode_nb" id="admin_periode_nb" aria-describedby="helpId" placeholder="" value="{{\App\Config::getData('admin_periode_nb')}}">
|
||||
<small id="helpId" class="form-text text-muted">Nombre de période dans une soirée d'instruction régulière</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion" id="config-periode">
|
||||
@for ($i = 1; $i <= \App\Config::getData('admin_periode_nb'); $i++)
|
||||
<div class="card">
|
||||
<div class="card-header" id="config-periode">
|
||||
<h2 class="mb-0">
|
||||
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#p{{$i}}" aria-controls="collapseOne">
|
||||
Configuration période {{$i}}
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="p{{$i}}" class="collapse" aria-labelledby="config-periode" data-parent="#config-periode">
|
||||
<div class="card-body">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-3">
|
||||
<label for="">Heure de début</label>
|
||||
<input type="time" class="form-control" name="admin_periode_begin_{{$i}}" id="admin_periode_begin_{{$i}}" value="{{\App\Config::all()->where('name','admin_periode_begin')->first()->data[$i]}}">
|
||||
<small id="helpId" class="form-text text-muted">Heure de début de la période dans une soirée d'instruction régulière</small>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label for="">Heure de fin</label>
|
||||
<input type="time" class="form-control" name="admin_periode_end_{{$i}}" id="admin_periode_end_{{$i}}" value="{{\App\Config::all()->where('name','admin_periode_end')->first()->data[$i]}}">
|
||||
<small id="helpId" class="form-text text-muted">Heure de fin de la période dans une soirée d'instruction régulière</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endfor
|
||||
<div class="row">
|
||||
<div class="col-md-12 p-2">
|
||||
<button type="submit" class="btn btn-primary">Sauvegarder</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<div class="breadcrumbs">
|
||||
<div class="col-sm-4">
|
||||
<div class="page-header float-left">
|
||||
<div class="page-title">
|
||||
<h1>Configuration Horaire d'instruction</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="page-header float-right">
|
||||
<div class="page-title">
|
||||
<ol class="breadcrumb text-right">
|
||||
<li class="active">Configuration/Horaire d'instruction</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('custom_scripts')
|
||||
<script>
|
||||
function saveChange(pPerm) {
|
||||
(function($) {
|
||||
var myswitch = document.getElementById(pPerm);
|
||||
$.post('/api/config/general/save?api_token='+api_token, { value: myswitch.checked,perm: pPerm } , function(data) {
|
||||
swal({
|
||||
title: 'Modification enregistré !',
|
||||
type: 'success',
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
});
|
||||
})(jQuery);
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user