batch replace grid- (scratch) by col- (bootstrap)

hand replace
* push- by offset-
* no-gutter by g-0

add breakpoints md- and sm-

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue

@@ -2,10 +2,10 @@
    <teleport to="#social-issues-acc">
       
       <div class="container">
-         <div class="grid-4 clear">
+         <div class="col-4 clear">
             <label>{{ $t('activity.social_issues') }}</label>
          </div>
-         <div class="grid-8">
+         <div class="col-8">
             
             <check-social-issue
                v-for="issue in socialIssuesList"
@@ -42,10 +42,10 @@
       </div>
 
       <div class="container">
-         <div class="grid-4 clear">
+         <div class="col-4 clear">
             <label>{{ $t('activity.social_actions') }}</label>
          </div>
-         <div class="grid-8">
+         <div class="col-8">
             
             <div v-if="actionIsLoading === true">
                <i class="chill-green fa fa-circle-o-notch fa-spin fa-lg"></i>

src/Bundle/ChillCustomFieldsBundle/Resources/views/CustomFieldsGroup/show.html.twig

@@ -97,7 +97,7 @@
         </tbody>
     </table>
         {{ form_start(create_field_form) }}
-            <div class="grid-4">
+            <div class="col-4">
             {{ form_widget(create_field_form.type) }}
             </div>
             {{ form_widget(create_field_form.submit, { 'attr': { 'class': 'btn btn-create' }, 'label': 'Add a new field' } ) }}
@@ -107,7 +107,7 @@
             {{ 'Any field is currently associated with this group'|trans }}
         </p>
             {{ form_start(create_field_form) }}
-            <div class="grid-4">
+            <div class="col-4">
             {{ form_widget(create_field_form.type) }}
             </div>
             {{ form_widget(create_field_form.submit, { 'attr': { 'class': 'btn btn-create' }, 'label': 'Create a new field' } ) }}

src/Bundle/ChillEventBundle/Resources/views/Event/show.html.twig

@@ -118,7 +118,7 @@
     </ul>
 
     <div style="margin-bottom: 10em;">
-        <div class="grid-8">
+        <div class="col-8">
             {{ form_start(form_add_participation_by_person) }}
             <div class="input-group">
                 {{ form_widget(form_add_participation_by_person.person_id, { 'attr' : {
@@ -133,7 +133,7 @@
             {{ form_end(form_add_participation_by_person) }}
         </div>
 
-        <div class="grid-4">
+        <div class="col-4">
             {{ form_start(form_export, {'attr': {'id': 'export_tableur'}}) }}
             <div class="input-group">
                 {{ form_widget(form_export.format, { 'attr' : { 'class': 'custom-select' } }) }}

src/Bundle/ChillMainBundle/Resources/views/Admin/layout.html.twig

@@ -33,7 +33,7 @@
 {% block content %}
     {% block admin_content %}<!-- block personcontent empty -->
         <div class="container-fluid">
-            <div class="grid-10 push-1">
+            <div class="col-10 push-1">
                 <h2>{{ 'Welcome to the admin section !'|trans }}</h2>
             </div>
         </div>

src/Bundle/ChillMainBundle/Resources/views/CRUD/_delete_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ ('crud.'~crud_name~'.title_delete')|trans({ '%as_string%': entity|chill_entity_render_string }) }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/CRUD/_edit_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ ('crud.'~crud_name~'.title_edit')|trans }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/CRUD/_index.html.twig

@@ -1,4 +1,4 @@
-<div class="grid-10 centered">
+<div class="col-10 centered">
         
 {% block index_header %}
 <h1>{{ ('crud.' ~ crud_name ~ '.index.title')|trans({'%crud_name%': crud_name}) }}</h1>

src/Bundle/ChillMainBundle/Resources/views/CRUD/_new_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ ('crud.' ~ crud_name ~ '.title_new')|trans({'%crud_name%' : crud_name }) }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/CRUD/_view_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ 'crud.%crud_name%.title_view'|trans({'%crud_name%' : crud_name }) }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig

@@ -25,7 +25,7 @@
                 {% if attr.class is defined and ('cf-title' in attr.class or 'cf-fields' in attr.class ) %}
                     col-12
                 {% elseif attr.class is defined and 'multiple-cf-inline' in attr.class %}
-                    col-2  col-mobile-4 col-tablet-4 mobile-clear tablet-clear
+                    col-2 col-md-4 clear
                 {% else %}
                     col-4 clear
                 {% endif %}
@@ -40,7 +40,7 @@
                 {% elseif attr.class is defined and 'cf-fields' in attr.class %}
                     col-12 parent
                 {% elseif attr.class is defined and 'multiple-cf-inline' in attr.class %}
-                    col-2 col-mobile-8 col-tablet-8 multiple-cf-inline
+                    col-2 col-md-8 multiple-cf-inline
                 {% else %}
                     col-8
                 {% endif %}
@@ -85,14 +85,14 @@
             </div>
         {%- else -%}
             <div class="container-fluid">
-                <div class="row">
+                <div class="row g-0">
-                    <div class="col-6 col-tablet-12 gid-mobile-12 no-gutter">
+                    <div class="col-md-6">
                         <span class="inline-choice">
                             {{ form_widget(child) }}
                             {{ form_label(child, '', {'label_attr': { 'class' : 'inline'} }) }}
                         </span>
                     </div>
-                    <div class="col-6 col-tablet-12 gid-mobile-12  no-gutter">
+                    <div class="col-md-6">
                         {{ form_widget(form._other, {'attr': {'class': 'input-text-other-value'} }) }}
                     </div>
                 </div>

src/Bundle/ChillMainBundle/Resources/views/Password/password.html.twig

@@ -23,7 +23,7 @@
 {% block title %}{{"Change my password"|trans}}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ 'Change my password'|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/recover_layout.html.twig

@@ -30,8 +30,8 @@
     <body>
         
         <header class="navigation container-fluid">
-        <div class="grid-4 hide-tablet hide-mobile parent">
+        <div class="col-4 d-md-none parent">
-            <div class="grid-10 push-2 grid-tablet-12 grid-mobile-12 push-tablet-0 grid-mobile-0 logo-container">
+            <div class="col-10 col-md-12 offset-2 logo-container">
                 <a href="{{ path('chill_main_homepage') }}">
                     <img class="logo" src="{{ asset('build/images/logo-chill-sans-slogan_white.png') }}">
                 </a>

src/Bundle/ChillMainBundle/Resources/views/Password/recover_password_changed.html.twig

@@ -3,7 +3,7 @@
 {% block title %}{{ "New password set"|trans }}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ "New password set"|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/recover_password_form.html.twig

@@ -5,7 +5,7 @@
 {% block title %}{{ title }}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ title }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/request_recover_password.html.twig

@@ -23,7 +23,7 @@
 {% block title %}{{"Recover password"|trans}}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ 'Recover password'|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/request_recover_password_confirm.html.twig

@@ -4,7 +4,7 @@
 
 {% block content %}
 
-<div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+<div class="col-10 centered">
 
     <h1>{{ 'Check your email'|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Search/error.html.twig

@@ -20,6 +20,6 @@
 
 {%  block content %}
 
-    <p class="grid-8 centered error">{{ message }}</p>
+    <p class="col-8 centered error">{{ message }}</p>
 
 {%  endblock %}

src/Bundle/ChillMainBundle/Resources/views/Search/list.html.twig

@@ -22,8 +22,8 @@
 
 {%  block content %}
 
-    <div class="grid-12 parent" >
+    <div class="col-12 parent" >
-        <div class="grid-10 push-1 parent">
+        <div class="col-10 push-1 parent">
             {% for result in results %}
                 {{ result|raw }}
             {%  endfor %}

src/Bundle/ChillMainBundle/Resources/views/Timeline/index.html.twig

@@ -2,7 +2,7 @@
 
 {% block content %}
   <div id="container content">
-    <div class="grid-8 centered">
+    <div class="col-8 centered">
       <h1>{{ 'Global timeline'|trans }}</h1>
 
       {{ timeline|raw }}

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue

@@ -43,7 +43,7 @@
    </teleport>
    
    <teleport to="#header-accompanying_course-details #banner-social-issues">
-      <div class="grid-12">
+      <div class="col-12">
          <social-issue
             v-for="issue in accompanyingCourse.socialIssues"
             v-bind:key="issue.id"

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig

@@ -8,7 +8,7 @@
 {% block content %}
 
     {% if 'DRAFT' == accompanyingCourse.step %}
-        <div class="grid-8 centered error flash_message">
+        <div class="col-8 centered error flash_message">
             <span>
                 {{ 'This accompanying course is still a draft'|trans }}
                 <a href="{{ path('chill_person_accompanying_course_edit', { 'accompanying_period_id': accompanyingCourse.id } ) }}">

src/Bundle/ChillPersonBundle/Resources/views/Admin/layout.html.twig

@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block layout_wvm_content %}
-    <div class="grid-12 centered">
+    <div class="col-12 centered">
     <h1>{{ 'Configuration of person bundle' |trans }}</h1>
     
     <p>{{ 'person_admin.What would you like to configure ?'|trans }}</p>

src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig

@@ -4,8 +4,8 @@
 {% block title 'household.Edit household members'|trans  %}
 
 {% block content %}
-  <div class="grid-12 parent">
+  <div class="col-12 parent">
-    <div class="grid-10 push-1 parent">
+    <div class="col-10 push-1 parent">
       <h1>{{ block('title') }}</h1>
       <div id="household_members_editor"></div>
     </div>

src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig

@@ -19,8 +19,8 @@
 {% block title %}{{ 'Add a person'|trans }}{% endblock title %}
     
 {% block content %}
-    <div class="grid-12 parent" >
+    <div class="col-12 parent" >
-        <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
+        <div class="col-md-10 offset-md-1 parent">
             {{ form_start(form) }}
             
                 <h1>{{ 'Add a person'|trans }}</h1>
@@ -46,4 +46,4 @@
             {{ form_end(form) }}
         </div>
     </div>
-{% endblock content %}
+{% endblock content %}

src/Bundle/ChillPersonBundle/Resources/views/Person/create_review.html.twig

@@ -19,8 +19,8 @@
 {% block title %}{{ 'Alreay existing person'|trans }}{% endblock title %}
     
 {% block content %}
-    <div class="grid-12 parent" >
+    <div class="col-12 parent" >
-        <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
+        <div class="col-md-10 offset-md-1 parent">
             
             <div class="warning flash_message">
                 <span>
@@ -89,4 +89,4 @@
             </div>
         </div>
     </div>
-{% endblock content %}
+{% endblock content %}

src/Bundle/ChillPersonBundle/Resources/views/PersonDuplicate/confirm.html.twig

@@ -25,7 +25,7 @@
 
     <h1>{{ 'Merge duplicate persons folders'|trans }}</h1>
 
-    <div class="grid-6 grid-tablet-12 gid-mobile-12">
+    <div class="col-md-6">
         <p><b>{{ 'Old person'|trans }}</b>:
             {{ 'Old person explain'|trans }}
         </p>
@@ -43,7 +43,7 @@
         </div>
     </div>
 
-    <div class="grid-6 grid-tablet-12 gid-mobile-12">
+    <div class="col-md-6">
         <p><b>{{ 'New person'|trans }}</b>:
             {{ 'New person explain'|trans }}
         </p>
@@ -63,19 +63,19 @@
 
     {{ form_start(form) }}
 
-    <div class="grid-4 grid-tablet-12 gid-mobile-12 centered">
+    <div class="col-md-4 centered">
 
         <div class="container-fluid" style="padding-top: 1em;">
-            <div class="grid-1 clear" style="padding-top: 10px;">
+            <div class="col-1 clear" style="padding-top: 10px;">
                 {{ form_widget(form.confirm) }}
             </div>
-            <div class="grid-11">
+            <div class="col-11">
                 {{ form_label(form.confirm) }}
             </div>
         </div>
     </div>
 
-    <ul class="grid-12 record_actions">
+    <ul class="col-12 record_actions">
         <li class="cancel">
             <a href="{{ app.request.headers.get('referer') }}" class="btn btn-chill-gray center margin-5">
                 {{ 'Return'|trans }}

src/Bundle/ChillPersonBundle/Resources/views/PersonDuplicate/find_manually.html.twig

@@ -13,7 +13,7 @@
     {{ form_start(form) }}
     {{ form_rest(form) }}
 
-    <ul class="grid-12 record_actions ">
+    <ul class="col-12 record_actions ">
         <li class="cancel">
             <a href="{{ path('chill_person_duplicate_view',  {'person_id' : person.id}) }}" class="btn btn-cancel">
                 {{ 'Return'|trans }}

src/Bundle/ChillPersonBundle/Resources/views/Widget/homepage_person_list.html.twig

@@ -3,7 +3,7 @@
     under the customFields variable, with the custom field slug as key.
 #}
 {% import 'ChillPersonBundle:Person:macro.html.twig' as person %}
-<div class="grid-8 centered">
+<div class="col-8 centered">
     <h2>{{ 'Accompanyied people'|trans }}</h2>
     <table>
         <tbody>

src/Bundle/ChillPersonBundle/Resources/views/layout.html.twig

@@ -95,7 +95,7 @@
                 </div>
                 
                 {%- if chill_person.fields.nationality == 'visible' -%}
-                <div class="col-sm-3">
+                <div class="col-sm-auto">
                     <span class="open_sansbold">
                         {{ 'Nationality'|trans|upper}} &nbsp; :
                     </span>

src/Bundle/ChillTaskBundle/Resources/views/SingleTask/index.html.twig

@@ -35,7 +35,7 @@
     {% endblock %}
 {% else %}
     {% block content %}
-        <div class="grid-8 push-1 grid-mobile-9 grid-tablet-9 push-mobile-0 push-tablet-0">
+        <div class="col-8 col-md-9 offset-md-1">
             {% include 'ChillTaskBundle:SingleTask:_list.html.twig' %}
         </div>
     {% endblock %}

src/Bundle/ChillThirdPartyBundle/Resources/views/ThirdParty/index.html.twig

@@ -3,7 +3,7 @@
 {% block title 'List of third parties'|trans %}
 
 {% block content %}
-<div class="grid-10 centered">
+<div class="col-10 centered">
     <h1>{{ 'List of third parties'|trans }}</h1>
     
     {% if third_parties|length == 0 %}

src/Bundle/ChillThirdPartyBundle/Resources/views/ThirdParty/new.html.twig

@@ -3,7 +3,7 @@
 {% block title 'Create third party'|trans %}
 
 {% block content %}
-<div class="grid-10 centered">
+<div class="col-10 centered">
     <h1>{{ 'Create third party'|trans }}</h1>
 
     {{ form_start(form) }}

src/Bundle/ChillThirdPartyBundle/Resources/views/ThirdParty/show.html.twig

@@ -7,7 +7,7 @@
 {% block title title_ %}
 
 {% block content %}
-<div class="grid-10 centered">
+<div class="col-10 centered">
     <h1>
         {{ title_ }} 
         <span class="chill__box {{ thirdParty.active ? 'green' : 'red' }}">{{ (thirdParty.active ? 'Active, shown to users' : 'Inactive, not shown to users')|trans }}</span>

src/Bundle/ChillThirdPartyBundle/Resources/views/ThirdParty/update.html.twig

@@ -3,7 +3,7 @@
 {% block title 'Update third party %name%'|trans({ '%name%': thirdParty.name }) %}
 
 {% block content %}
-<div class="grid-10 centered">
+<div class="col-10 centered">
     <h1>
         {{ 'Update third party %name%'|trans({ '%name%': thirdParty.name }) }}
          <span class="chill__box {{ thirdParty.active ? 'green' : 'red' }}">{{ (thirdParty.active ? 'Active, shown to users' : 'Inactive, not shown to users')|trans }}</span>