[wip] add actions to crud

Resources/config/services/crud.yml

@@ -7,6 +7,7 @@ services:
     Chill\MainBundle\CRUD\Resolver\Resolver:
         arguments:
             $em: '@Doctrine\ORM\EntityManagerInterface'
+            $crudConfig: '%chill_main_crud_route_loader_config%'
     
     Chill\MainBundle\CRUD\Templating\TwigCRUDResolver:
         arguments:

Resources/public/sass/custom/_record_actions.scss

@@ -10,6 +10,7 @@ ul.record_actions, ul.record_actions_column {
     display: flex;
     justify-content: flex-end;
     padding: 0.5em 0;
+    flex-wrap: wrap-reverse;
 
     li {
         display: inline-block;

Resources/public/sass/custom/modules/_buttons.scss

@@ -1,7 +1,7 @@
 .sc-button {
     margin-bottom: 0.5rem;
     
-    &.bt-submit, &.bt-save, &.bt-create, &.bt-new {
+    &.bt-submit, &.bt-save, &.bt-create, &.bt-new, &.bt-duplicate {
         @include button($green, $white);
     }
 
@@ -19,6 +19,7 @@
 
     &:not(.change-icon) {
 
+        // icons using font-awesome "old way"
         &.bt-create::before,
         &.bt-save::before,
         &.bt-new::before,
@@ -31,6 +32,14 @@
             font: normal normal normal 14px/1 FontAwesome;
             margin-right: 0.5em;
         }
+        
+        // icons using font-awesome "new svg way"
+        &.bt-duplicate::before {
+            display: inline-block;
+            width: 1em;
+            margin-right: 0.5em;
+            vertical-align: middle;
+        }
 
         &.bt-save::before {
             // add a floppy
@@ -60,6 +69,10 @@
         &.bt-show::before, &.bt-view::before {
             content: "";
         }
+        
+        &.bt-duplicate::before {
+            content: url("./copy-solid.svg");
+        }
     }
 
     > i.fa {

Resources/public/sass/custom/modules/copy-solid.svg

@@ -0,0 +1,4 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+    <!-- adapted from original work obtained from font-awesome CC-BY 4.0 International - https://fontawesome.com/license Last updated on July 12, 2018 -->
+    <path fill="white" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path>
+</svg>

Resources/translations/messages.fr.yml

@@ -229,4 +229,23 @@ Log in with your new password: Connectez-vous avec votre nouveau mot de passe
 # impersonate
 Exit impersonation: Retour Administrateur
 Impersonate: Mode fantôme
-Impersonate mode: Mode fantôme
+Impersonate mode: Mode fantôme
+
+crud:
+    new:
+        button_action_form: Créer
+        link_edit: Modifier
+        save_and_close: Créer & fermer
+        save_and_show: Créer & voir
+        save_and_new: Créer & nouveau
+        success: Les données ont été créées
+    edit:
+        button_action_form: Enregistrer
+        back_to_view: Voir
+        save_and_close: Modifier & fermer
+        save_and_show: Modifier & voir
+        success: Les données ont été modifiées
+    default:
+        success: Les données ont été enregistrées
+    view:
+        link_duplicate: Dupliquer

Resources/views/CRUD/_edit_content.html.twig

@@ -1,13 +1,13 @@
 <div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
     {% block crud_content_header %}
-        <h1>{{ 'crud.title.edit_of_%crud_name%'|trans({'%crud_name%' : crud_name }) }}</h1>
+        <h1>{{ ('crud.'~crud_name~'.title_edit')|trans }}</h1>
     {% endblock crud_content_header %}
 
     {% block crud_content_form %}
         {{ form_start(form) }}
         
         {% block crud_content_form_rows %}
-        {% for f in form if f.vars.name != 'submit'  %}
+        {% for f in form %}
         {{ form_row(f) }}
         {% endfor %}
         {% endblock crud_content_form_rows %}
@@ -20,8 +20,30 @@
                         {{ 'Cancel'|trans }}
                     </a>
                 </li>
+            {% endblock %}
+            {% block content_form_actions_view %}
+                {% if is_granted(chill_crud_config('role', crud_name, 'view'), entity) %}
+                <li class="">
+                    <a class="sc-button bt-show" href="{{ chill_return_path_or('chill_crud_'~crud_name~'_view', { 'id': entity.id }) }}">
+                        {{ 'crud.edit.back_to_view'|trans }}
+                    </a>
+                </li>
+                {% endif %}
             {% endblock %} 
-            <li>{{ form_widget(form.submit, { 'attr': { 'class': 'sc-button bt-edit'} } ) }}</li>
+            {% block content_form_actions_save_and_close %}
+                <li class="">
+                    <button type="submit" name="submit" value="save-and-close" class="sc-button bt-update">
+                        {{ 'crud.edit.save_and_close'|trans }}
+                    </button>
+                </li>
+            {% endblock %}
+            {% block content_form_actions_save_and_show %}
+                <li class="">
+                    <button type="submit" name="submit" value="save-and-show" class="sc-button bt-update">
+                        {{ 'crud.edit.save_and_show'|trans }}
+                    </button>
+                </li>
+            {% endblock %}
         </ul>
         {% endblock %}
 

Resources/views/CRUD/_edit_title.html.twig

@@ -1 +1 @@
-{{ 'crud.title.edit_of_%crud_name%'|trans({'%crud_name%' : crud_name }) }}
+{{ ('crud.'~crud_name~'.title_edit')|trans }}

Resources/views/CRUD/_new_content.html.twig

@@ -21,7 +21,27 @@
                     </a>
                 </li>
             {% endblock %} 
-            <li>{{ form_widget(form.submit, { 'attr': { 'class': 'sc-button bt-new'} } ) }}</li>
+            {% block content_form_actions_save_and_close %}
+                <li class="">
+                    <button type="submit" name="submit" value="save-and-close" class="sc-button bt-create">
+                        {{ 'crud.new.save_and_close'|trans }}
+                    </button>
+                </li>
+            {% endblock %}
+            {% block content_form_actions_save_and_show %}
+                <li class="">
+                    <button type="submit" name="submit" value="save-and-show" class="sc-button bt-create">
+                        {{ 'crud.new.save_and_show'|trans }}
+                    </button>
+                </li>
+            {% endblock %}
+            {% block content_form_actions_save_and_new %}
+                <li class="">
+                    <button type="submit" name="submit" value="save-and-new" class="sc-button bt-create">
+                        {{ 'crud.new.save_and_new'|trans }}
+                    </button>
+                </li>
+            {% endblock %}
         </ul>
         {% endblock %}
 

Resources/views/CRUD/_view_content.html.twig

@@ -0,0 +1,46 @@
+<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+    {% block crud_content_header %}
+        <h1>{{ 'crud.%crud_name%.title_view'|trans({'%crud_name%' : crud_name }) }}</h1>
+    {% endblock crud_content_header %}
+
+    {% block crud_content_view %}
+        
+        {% block crud_content_view_details %}
+            <dl class="chill_view_data">
+                <dt>id</dt>
+                <dd>{{ entity.id|default("No id") }}</dd>
+            </dl>
+        {% endblock crud_content_view_details %}
+
+        {% block crud_content_view_actions %}
+        <ul class="record_actions sticky-form-buttons">
+            {% block content_view_actions_back %}
+                <li class="cancel">
+                    <a class="sc-button bt-cancel" href="{{ chill_return_path_or('chill_crud_'~crud_name~'_index') }}">
+                        {{ 'Cancel'|trans }}
+                    </a>
+                </li>
+            {% endblock %} 
+            {% block content_view_actions_duplicate_link %}
+                {% if is_granted(chill_crud_config('role', crud_name, 'new'), entity) %}
+                    <li>
+                        <a class="sc-button bt-duplicate" href="{{ chill_return_path_or('chill_crud_'~crud_name~'_new', { 'duplicate_id': entity.id, 'duplicate': true }) }}">
+                            {{ 'crud.view.link_duplicate'|trans }}
+                        </a>
+                    </li>
+                {% endif %}
+            {% endblock content_view_actions_duplicate_link %}
+            {% block content_view_actions_edit_link %}
+                {% if is_granted(chill_crud_config('role', crud_name, 'view'), entity) %}
+                    <li>
+                        <a class="sc-button bt-edit" href="{{ chill_return_path_or('chill_crud_'~crud_name~'_edit', { 'id': entity.id }) }}">
+                            {{ 'crud.new.link_edit'|trans }}
+                        </a>
+                    </li>
+                {% endif %}
+            {% endblock content_view_actions_edit_link %}
+        </ul>
+        {% endblock crud_content_view_actions  %}
+
+    {% endblock crud_content_view %}
+</div>

Resources/views/CRUD/_view_title.html.twig

@@ -0,0 +1 @@
+{{ 'crud.%crud_name%.title_view'|trans({'%crud_name%' : crud_name }) }}

Resources/views/CRUD/view.html.twig

@@ -0,0 +1,10 @@
+{% extends '@ChillMain/layout.html.twig' %}
+
+{% block title %}
+{% include('@ChillMain/CRUD/_view_title.html.twig') %}
+{% endblock %}
+
+{% block content %}
+{% embed '@ChillMain/CRUD/_view_content.html.twig' %}
+{% endembed %}
+{% endblock %}