This commit is contained in:
76
templates/Blogtype/edit.html.twig
Normal file
76
templates/Blogtype/edit.html.twig
Normal file
@ -0,0 +1,76 @@
|
||||
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block body %}
|
||||
{{ form_start(form) }}
|
||||
<h1 class="page-header">
|
||||
{% if mode=="submit" %}
|
||||
Création blogtype
|
||||
{% else %}
|
||||
Modification blogtype
|
||||
{% endif %}
|
||||
</h1>
|
||||
|
||||
{{ form_widget(form.submit) }}
|
||||
|
||||
<a class="btn btn-secondary" href={{ path('app_typeblog') }}>Annuler</a>
|
||||
|
||||
{% if mode=="update" and blogtype.id>0 %}
|
||||
<a href={{ path('app_typeblog_delete',{'id':blogtype.id}) }}
|
||||
class="btn btn-danger float-end"
|
||||
data-method="delete" data-csrf="_token:{{ 'csrf' }}"
|
||||
data-confirm="Êtes-vous sûr de vouloir supprimer cet enregistrement ?">
|
||||
Supprimer
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<br><br>
|
||||
|
||||
{% if app.session.flashbag.has('error') %}
|
||||
<div class='alert alert-danger' style='margin: 5px 0px'>
|
||||
<strong>Erreur</strong><br>
|
||||
{% for flashMessage in app.session.flashbag.get('error') %}
|
||||
{{ flashMessage }}<br>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if app.session.flashbag.has('notice') %}
|
||||
<div class='alert alert-info' style='margin: 5px 0px'>
|
||||
<strong>Information</strong><br>
|
||||
{% for flashMessage in app.session.flashbag.get('notice') %}
|
||||
{{ flashMessage }}<br>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-pencil-alt fa-fw"></i> Informations
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
{{ form_row(form.name) }}
|
||||
{{ form_row(form.sortby) }}
|
||||
{{ form_row(form.description) }}
|
||||
|
||||
{% set image= "noimage.png" %}
|
||||
{% if blogtype.image %}
|
||||
{% set image= blogtype.image %}
|
||||
{% endif %}
|
||||
|
||||
<center>
|
||||
<img class="mt-3" id="blogtype_image_img" src="{{ path("app_minio_image", {file:image}) }}" style="width:100%;"><br>
|
||||
{{ form_widget(form.image) }}
|
||||
|
||||
<a class="btn btn-info btn-modal" style="width:90px" data-modalid="mymodallarge" data-modaltitle="Image" data-modalurl="{{ path('app_typeblog_upload') }}" title='Ajouter une image'>Modifier</a>
|
||||
</center>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{ form_end(form) }}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
|
63
templates/Blogtype/home.html.twig
Executable file
63
templates/Blogtype/home.html.twig
Executable file
@ -0,0 +1,63 @@
|
||||
{% extends "base.html.twig" %}
|
||||
|
||||
{% block localstyle %}
|
||||
<style>
|
||||
.herobody .title, .herobody .navigation {
|
||||
float:none;
|
||||
width:90%;
|
||||
margin-bottom: 30px;
|
||||
left: 5%;
|
||||
top: 5%;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block beforebody %}
|
||||
|
||||
<div class="herobody">
|
||||
<div class="p-0 m-0" style="height:100%;background-size:cover;background-image:url({{path("app_minio_image",{file:blogtype.image})}}">
|
||||
|
||||
<div class="title">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ path('app_minio_image',{file:"logo/"~app.session.get("logodark")}) }}" style="height:120px;">
|
||||
|
||||
<div class="ps-3">
|
||||
<h1>{{blogtype.name}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if not blogtype.description is empty %}
|
||||
<div class="mt-5 p-3" style="max-width: 1000px; margin:auto; background-color: var(--colorbgbodyimportant)">
|
||||
{{blogtype.description|raw}}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="navigation">
|
||||
<div class="grid">
|
||||
<div class="grid-sizer"></div>
|
||||
<div class="gutter-sizer"></div>
|
||||
|
||||
{% for blog in blogtype.blogs %}
|
||||
{% set url=path("app_child_view",{catparent:'blog', idparent:blog.id, idchild:blog.childs[0].id }) %}
|
||||
{% set name=blog.name %}
|
||||
{% set image=(blog.childs[0].childheaders is empty ? "" : blog.childs[0].childheaders[0].filename) %}
|
||||
|
||||
<a href="{{url}}" class="d-block text-center">
|
||||
<div class="grid-item grid-item-size-4 d-flex align-items-stretch">
|
||||
<div class="grid-image d-flex align-items-center pr-2 pl-2" style="background-image:url({{path("app_minio_image",{file:image})}}); background-size:cover;">
|
||||
<div class="grid-item-title">
|
||||
<span class="p-1" style="font-weight:bold; text-transform:uppercase;">
|
||||
{{ name }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
53
templates/Blogtype/list.html.twig
Normal file
53
templates/Blogtype/list.html.twig
Normal file
@ -0,0 +1,53 @@
|
||||
{% extends "base.html.twig" %}
|
||||
|
||||
{% block body %}
|
||||
<h1 class="page-header">
|
||||
blogtypes
|
||||
</h1>
|
||||
|
||||
<p><a class="btn btn-success" href={{ path('app_typeblog_submit') }}>Ajouter</a></p>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-table fa-fw"></i> Liste des blogtypes
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="dataTable_wrapper">
|
||||
<table class="table table-striped table-bordered table-hover" id="dataTables" style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="90px" class="no-sort">Action</th>
|
||||
<th>Nom</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for blogtype in blogtypes %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{path("app_typeblog_update",{id:blogtype.id})}}"><i class="fa fa-file fa-2x"></i></a>
|
||||
</td>
|
||||
<td>{{blogtype.name}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block localscript %}
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#dataTables').DataTable({
|
||||
columnDefs: [ { "targets": "no-sort", "orderable": false }, { "targets": "no-string", "type" : "num" } ],
|
||||
responsive: true,
|
||||
iDisplayLength: 100,
|
||||
order: [[ 2, "asc" ]]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
38
templates/Blogtype/upload.html.twig
Executable file
38
templates/Blogtype/upload.html.twig
Executable file
@ -0,0 +1,38 @@
|
||||
{% extends "base.html.twig" %}
|
||||
|
||||
{% block encoretags %}
|
||||
{{ encore_entry_link_tags('dropzone') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<a class="btn btn-secondary" onClick="closeModal();">Annuler</a>
|
||||
|
||||
<form
|
||||
action="{{ oneup_uploader_endpoint('image') }}"
|
||||
class="dropzone"
|
||||
id="mydropzone"
|
||||
data-acceptedMimeTypes="image/*"
|
||||
data-maxFiles=1
|
||||
|
||||
style="margin-top:10px">
|
||||
</form>
|
||||
{% endblock %}
|
||||
|
||||
{% block localscript %}
|
||||
{{ encore_entry_script_tags('dropzone') }}
|
||||
|
||||
<script>
|
||||
function dropzoneinit( elmt ) {
|
||||
}
|
||||
|
||||
function dropzonesuccess( file, response ) {
|
||||
parent.$("#blogtype_image").val("image/"+response["file"]);
|
||||
parent.$("#blogtype_image_img").attr("src","{{ path("app_minio_image",{file:"image/"}) }}"+response["file"]);
|
||||
closeModal();
|
||||
}
|
||||
|
||||
function closeModal() {
|
||||
window.parent.$("#mymodallarge").modal('hide');
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
Reference in New Issue
Block a user