first commit

templates/user/edit.html.twig

@@ -0,0 +1,57 @@
+{% extends 'base.html.twig' %}
+
+{% block title %} = {{title}}{% endblock %}
+
+{% block body %}
+    <h1>{{title}}</h1>
+    
+
+    {{ form_start(form) }}
+        {{ form_widget(form.submit) }}
+        <a href="{{ path(routecancel) }}" class="btn btn-secondary ms-1">Annuler</a>
+        {%if mode=="update" %}<a href="{{ path(routedelete,{id:form.vars.value.id}) }}" class="btn btn-danger float-end" onclick="return confirm('Confirmez-vous la suppression de cet enregistrement ?')">Supprimer</a>{%endif%}
+
+        {% include('include/error.html.twig') %}
+
+        <div class="text-center d-flex flex-column align-items-center">
+            <img id="user_avatar_img" src="{{asset(form.vars.value.avatar)}}" class="bigavatar mb-2">
+            {{ form_row(form.avatar) }}
+            <a class="btn btn-info" style="max-width:100%; margin-bottom:15px;" data-bs-toggle="modal" data-bs-target="#mymodal" onClick="ModalLoad('mymodal','Avatar','{{ path('app_user_upload_crop01',{endpoint:'avatar',reportThumb:'user_avatar'}) }}');" title='Ajouter un avatar'>Modifier</a>
+        </div>
+
+        <div class="row">
+            <div class="col-md-6 mx-auto">
+                <div class="card mt-3">
+                    <div class="card-header">Information</div>
+                    <div class="card-body">
+                        {{ form_row(form.username) }}
+                        {%if form.password is defined%}
+                            {{ form_row(form.password) }}
+                        {% endif %}
+                        {{ form_row(form.email) }}
+                    </div>
+                </div>
+            </div>
+
+            {%if form.roles is defined%}
+                <div class="col-md-6">
+                    <div class="card mt-3">
+                        <div class="card-header">Permissions</div>
+                        <div class="card-body">
+                            {{ form_row(form.roles) }}
+                        </div>
+                    </div>
+                </div>
+            {%endif%}        
+        </div>
+    {{ form_end(form) }}
+
+{% endblock %}
+
+{% block localscript %}
+    <script>
+        $(document).ready(function() {
+            $("#user_username").focus();
+        });
+    </script>
+{% endblock %}

templates/user/list.html.twig

@@ -0,0 +1,48 @@
+{% extends 'base.html.twig' %}
+
+{% block title %} = {{title}}{% endblock %}
+
+{% block body %}
+    <h1>{{title}}</h1>
+    <a href="{{ path(routesubmit) }}" class="btn btn-success">Ajouter</a>
+
+            <div class="dataTable_wrapper">
+                <table class="table table-striped table-bordered table-hover" id="dataTables" style="width:100%">
+                    <thead>
+                    <tr>
+                        <th width="70px" class="no-sort">Action</th>
+                        <th width="70px" class="no-sort">Avatar</th>
+                        <th>Login</th>
+                        <th>Rôles</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                        {% for user in users %}
+                            <tr>
+                                <td><a href="{{ path(routeupdate,{id:user.id}) }}"><i class="fas fa-file fa-2x"></i></a></td>
+                                <td><img class="avatar" src="{{ asset(user.avatar)}}"></td>
+                                <td>{{user.username}}</td>
+                                <td>
+                                    {% for role in user.roles %}
+                                        {{role}}<br>
+                                    {% endfor %}
+                                </td>
+                            </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </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 %}