Merge pull request mautic#14372 from andersonjeccel/dynamic-content-slot-generator

[UX] Dynamic content slot generator

Author: escopecz

app/bundles/AssetBundle/Resources/views/Asset/details.html.twig

@@ -104,7 +104,7 @@
             <!-- asset detail collapseable toggler -->
             <div class="hr-expand nm">
                 <span data-toggle="tooltip" title="Detail">
-                    <a href="javascript:void(0)" class="arrow text-muted collapsed" data-toggle="collapse"
+                    <a href="javascript:void(0)" class="arrow text-secondary collapsed" data-toggle="collapse"
                        data-target="#asset-details"><span class="caret"></span> {% trans %}mautic.core.details{% endtrans %}</a>
                 </span>
             </div>

app/bundles/AssetBundle/Resources/views/Asset/list.html.twig

@@ -203,7 +203,7 @@
                         </div>
                         {% set description = item.getDescription() %}
                         {% if description %}
-                            <div class="text-muted mt-4">
+                            <div class="text-secondary mt-4">
                                 <small>{{ description|purify }}</small>
                             </div>
                         {% endif %}

app/bundles/AssetBundle/Resources/views/Remote/browse.html.twig

@@ -29,7 +29,7 @@
                 <ul class="list-group list-group-tabs">
                     {% for integration in integrations %}
                         <li class="list-group-item{% if loop.index0 is same as(0) %} active{% endif %}" id="tab{{ integration.getName() }}">
-                            <a href="javascript: void(0);" class="list-group-item-text steps" onclick="Mautic.updateRemoteBrowser('{{ integration.getName() }}');">
+                            <a href="javascript: void(0);" class="list-group-item-heading steps" onclick="Mautic.updateRemoteBrowser('{{ integration.getName() }}');">
                                 {{ integration.getDisplayName() }}
                             </a>
                         </li>

app/bundles/CampaignBundle/Resources/views/Campaign/Builder/_index.html.twig

@@ -142,8 +142,8 @@
                 <div id="CampaignPasteContainer mt-10" class="panel mb-0">
                     <div id="CampaignPasteDescription" class="panel-body">
                         <div><b>{{ 'mautic.campaign.event.clone.header'|trans }}</b></div>
-                        <div><span class="text-muted">{{ 'mautic.campaign.event.clone.name'|trans }}: </span><span data-campaign-event-clone="sourceEventName"></span></div>
-                        <div><span class="text-muted">{{ 'mautic.campaign.event.clone.from'|trans }}: </span><span data-campaign-event-clone="sourceCampaignName"></span></div>
+                        <div><span class="text-secondary">{{ 'mautic.campaign.event.clone.name'|trans }}: </span><span data-campaign-event-clone="sourceEventName"></span></div>
+                        <div><span class="text-secondary">{{ 'mautic.campaign.event.clone.from'|trans }}: </span><span data-campaign-event-clone="sourceCampaignName"></span></div>
 
                     </div>
                     <div class="panel-footer">

app/bundles/CampaignBundle/Resources/views/Campaign/_events.html.twig

@@ -30,10 +30,10 @@
                 </span>
                 </div>
                     <div class="col-md-5 va-m">
-                    <h5 class="fw-sb text-primary mb-xs">
+                    <h5 class="fw-sb text-interactive mb-xs">
                         {{ event.name }}
                         {% if event.eventType is defined and 'action' != event.eventType %}
-                          <small class="text-muted">{{ event.percent }}%</small>
+                          <small class="text-secondary">{{ event.percent }}%</small>
                         {% endif %}
 
                     </h5>

app/bundles/CampaignBundle/Resources/views/Campaign/details.html.twig

@@ -82,7 +82,7 @@
             <!-- campaign detail collapseable toggler -->
             <div class="hr-expand nm">
                 <span data-toggle="tooltip" title="Detail">
-                    <a href="javascript:void(0)" class="arrow text-muted collapsed" data-toggle="collapse"
+                    <a href="javascript:void(0)" class="arrow text-secondary collapsed" data-toggle="collapse"
                        data-target="#campaign-details"><span
                             class="caret"></span> {{ 'mautic.core.details'|trans }}</a>
                 </span>

app/bundles/CampaignBundle/Resources/views/Campaign/list.html.twig

@@ -153,7 +153,7 @@
                             </a>
                         </div>
                         {%- if item.description -%}
-                            <div class="text-muted mt-4"><small>{{ item.description|purify }}</small></div>
+                            <div class="text-secondary mt-4"><small>{{ item.description|purify }}</small></div>
                         {%- endif -%}
                     </td>
                     <td class="visible-md visible-lg">

app/bundles/CampaignBundle/Resources/views/Event/form.html.twig

@@ -12,7 +12,7 @@
     <div class="bundle-form-header mb-10">
         <h3>{{ eventHeader }}</h3>
         {% if eventDescription is defined %}
-          <h6 class="text-muted">{{ eventDescription|purify }}</h6>
+          <h6 class="text-secondary">{{ eventDescription|purify }}</h6>
         {% endif %}
     </div>
 

app/bundles/CampaignBundle/Resources/views/Source/form.html.twig

@@ -1,7 +1,7 @@
 <div class="bundle-form">
     <div class="bundle-form-header mb-15">
         <h3>{{ 'mautic.campaign.leadsource.header.singular'|trans }}</h3>
-        <h6 class="text-muted">{{ ('mautic.campaign.leadsource.'~sourceType~'.tooltip')|trans }}</h6>
+        <h6 class="text-secondary">{{ ('mautic.campaign.leadsource.'~sourceType~'.tooltip')|trans }}</h6>
     </div>
     {{ form_start(form) }}
     {{ form_end(form) }}

app/bundles/CampaignBundle/Resources/views/SubscribedEvents/Timeline/index.html.twig

@@ -32,10 +32,10 @@
         {% if (lead and securityHasEntityAccess('lead:leads:editown', 'lead:leads:editother', lead.getPermissionUser())) %}
         <span class="form-buttons btn-group btn-group-xs mb-3" role="group" aria-label="Field options">
             <button type="button" id="timeline-campaign-event-save-{{ item.event_id }}" class="btn btn-ghost btn-nospin" onmousedown="return false;" onclick="Mautic.saveScheduledCampaignEvent({{ item.event_id }}, {{ lead.getId() }})" data-toggle="tooltip" title="{{ 'mautic.campaign.event.save'|trans }}" style="display:none">
-                <i class="ri-save-line text-primary"></i>
+                <i class="ri-save-line text-interactive"></i>
             </button>
             <button type="button" class="btn btn-ghost btn-nospin btn-reschedule" onclick="Mautic.updateScheduledCampaignEvent({{ item.event_id }}, {{ lead.getId() }})" data-toggle="tooltip" title="{{ 'mautic.campaign.event.reschedule'|trans }}">
-                <i class="ri-time-line text-primary"></i>
+                <i class="ri-time-line text-interactive"></i>
             </button>
             <button type="button" class="btn btn-ghost btn-nospin"{{ cancelled ? ' disabled' : '' }} onclick="Mautic.cancelScheduledCampaignEvent({{ item.event_id }}, {{ lead.getId() }})" data-toggle="tooltip" title="{{ 'mautic.campaign.event.cancel'|trans }}">
                 <i class="ri-close-line text-danger"></i>