Merge pull request mautic#15292 from andersonjeccel/content-block-empty-states

Add content block empty states for Projects and improve Category labels

Author: escopecz

app/bundles/CategoryBundle/Translations/en_US/messages.ini

@@ -9,8 +9,8 @@ mautic.category.header.new="New Category"
 mautic.category.menu.index="Categories"
 mautic.category.noresults.tip="Categories help organize and group items together. In many of the filters, you can type category:{alias} (replace {alias} with the real deal) to show the items within a specific category."
 mautic.category.contentblock.heading="Bring order to your resources"
-mautic.category.contentblock.subheading="Keep your marketing campaigns, emails, assets, forms, and other elements neatly organized."
-mautic.category.contentblock.copy="Categories help you group related items together, making them easier to find, manage, and report on - like folders for your marketing initiatives."
+mautic.category.contentblock.subheading="Add clarity and classification to your campaigns, emails, assets, and other elements."
+mautic.category.contentblock.copy="Categories act as high-level labels that help you identify related items, making them easier to differentiate and report on. Contacts can also select their interests by category in the preference centre."
 mautic.category.permissions.categories="Categories - User has access to"
 mautic.category.permissions.header="Category Permissions"
 mautic.global.global="Global"

app/bundles/ProjectBundle/Resources/views/Project/list.html.twig

@@ -8,7 +8,7 @@
 
 {% block content %}
 {% if isIndex %}
-<div id="page-list-wrapper" class="panel panel-default">
+<div id="page-list-wrapper" class="{% if items|length > 0 or searchValue is not empty %}panel {% endif %} panel-default">
     {{ include('@MauticCore/Helper/list_toolbar.html.twig', {
         'searchValue': searchValue,
         'action': currentRoute,
@@ -140,6 +140,25 @@
             </div>
         </div>
     {% else %}
-        {{ include('@MauticCore/Helper/noresults.html.twig') }}
+        {% if searchValue is not empty %}
+            {{ include('@MauticCore/Helper/noresults.html.twig') }}
+        {% else %}
+            <div class="mt-80 col-md-offset-2 col-lg-offset-3 col-md-8 col-lg-5 height-auto">
+                {% set childContainer %}
+                    <div class="mt-32 mb-md">
+                        {% include '@MauticCore/Components/pictogram.html.twig' with {
+                            'pictogram': 'asset-management',
+                            'size': '80'
+                        } %}
+                    </div>
+                {% endset %}
+                {{ include('@MauticCore/Components/content-block.html.twig', {
+                    heading: 'mautic.project.contentblock.heading'|trans,
+                    subheading: 'mautic.project.contentblock.subheading'|trans,
+                    copy: 'mautic.project.contentblock.copy'|trans,
+                    childContainer: childContainer,
+                }) }}
+            </div>
+        {% endif %}
     {% endif %}
 {% endblock %}

app/bundles/ProjectBundle/Translations/en_US/messages.ini

@@ -19,3 +19,6 @@ mautic.project.popover.updated.on="Updated on %date%"
 mautic.project.popover.view.details="View details"
 mautic.project.popover.edit="Edit"
 mautic.project.popover.footer.label="Project"
+mautic.project.contentblock.heading="Turn your marketing plans into action"
+mautic.project.contentblock.subheading="One goal. One folder. All your related resources."
+mautic.project.contentblock.copy="Projects are the simplest way to keep everything for a campaign in one spot. Streamline your workflow, manage items as a group, and see how all the pieces fit together."