Truncate long names

This commit prevents page layout failure in the following cases:

1) In page headers at environment and  component details page
   and deployment page also

2) Current environment and category name at applications page

Also, environment name translation was removed since it is user input.
(and truncate doesn't work with blocktrance)

Change-Id: I0d72a33e9051dc9974d1b5b26860454087e91b60
Closes-Bug: #1467489

muranodashboard/templates/catalog/env_switcher.html

@@ -6,7 +6,7 @@
     <div id="environment_switcher" class="header dropdown">
         {% with num_of_envs=available_environments|length %}
             {% if environment %}
-                <a href="#environment_switcher" class="btn btn-default btn-sm dropdown-toggle">{{ environment.name }} {% if num_of_envs > 1 %} <b class="caret"></b>{% endif %}</a>
+                <a href="#environment_switcher" class="btn btn-default btn-sm dropdown-toggle">{{ environment.name|truncatechars:30}} {% if num_of_envs > 1 %} <b class="caret"></b>{% endif %}</a>
             {% else %}
                 <a href="{% url 'horizon:murano:environments:create_environment' %}?next={{ view.current_page_url|urlencode }}" title="{% trans 'Click to create an environment' %}" class="btn btn-default ajax-modal">{% trans "Create Environment" %}</a>
             {% endif %}

muranodashboard/templates/catalog/index.html

@@ -37,7 +37,7 @@
                         <div class="header dropdown">
                             <a href="#"
                                class="btn btn-sm btn-default dropdown-toggle">
-                                {{ current_category }} <b
+                                {{ current_category|truncatechars:30 }} <b
                                     class="caret"></b></a>
                             <ul class="dropdown-menu row_actions clearfix">
                                 {% for category in categories %}

muranodashboard/templates/deployments/_reports_page_header.html

@@ -7,9 +7,9 @@
               {% blocktrans %}Environments{% endblocktrans %}
           </a> >
           <a href=" {% url 'horizon:murano:environments:services' environment_id %}?tab=environment_details__deployments">
-              {% blocktrans %} Environment {{ environment_name }}{% endblocktrans %}
+             {% blocktrans%}Environment{% endblocktrans %} {{ environment_name|truncatechars:60 }}
           </a> >
-          Deployment at {{ deployment_start_time }}
+          {% blocktrans%}Deployment at{% endblocktrans %} {{ deployment_start_time }}
       </h2>
   </div>
 {% endblock %}

muranodashboard/templates/services/_detail_page_header.html

@@ -7,9 +7,8 @@
               {% blocktrans %}Environments{% endblocktrans %}
           </a> >
           <a href=" {% url 'horizon:murano:environments:services' service.environment_id %}">
-              {% blocktrans %}Environment {{ environment_name }}{% endblocktrans %}
-          </a>
-          {% blocktrans %} > Component:  {{ service_name }}{% endblocktrans %}
+              {% blocktrans %}Environment{% endblocktrans %} {{ environment_name|truncatechars_html:30 }}
+          </a> > {% blocktrans%}Component{% endblocktrans %}  {{ service_name|truncatechars:30 }}
 
       </h2>
   </div>

muranodashboard/templates/services/_page_header.html

@@ -3,10 +3,11 @@
 {% load static %}
 {% block page_header %}
   <div class='page-header'>
-    <h2>
+      <h2>
           <a href=" {% url 'horizon:murano:environments:index' %}">
               {% blocktrans %}Environments{% endblocktrans %}
-          </a> > Environment {{ environment_name }}
-    </h2>
+          </a> > {% blocktrans %}Environment{% endblocktrans %}
+          {{ environment_name|truncatechars:60 }}
+      </h2>
   </div>
 {% endblock %}