Show the description column on environment tab (#4722)

* added changes to show the description on env tab Signed-off-by: Vinay Sharma <[email protected]> * added changes for truncate long text Signed-off-by: Vinay Sharma <[email protected]>
chef · Feb 17, 2021 · e903cca · e903cca
1 parent 3d2587b
commit e903cca
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/components/automate-ui/src/app/modules/infra-proxy/environments/environments.component.html b/components/automate-ui/src/app/modules/infra-proxy/environments/environments.component.html
@@ -6,13 +6,23 @@
       <chef-thead>
         <chef-tr class="no_border_tr">
           <chef-th class="no_border_th">Name</chef-th>
+          <chef-th class="no_border_th">Description</chef-th>
+          <chef-th class="no_border_th"></chef-th>
+          <chef-th class="no_border_th"></chef-th>
+          <chef-th class="no_border_th"></chef-th>
         </chef-tr>
       </chef-thead>
       <chef-tbody>
         <chef-tr *ngFor="let environment of environments">
           <chef-td>
             <a [routerLink]="['/infrastructure','chef-servers', serverId, 'organizations', orgId, 'environments', environment.name]">{{ environment.name }}</a>
           </chef-td>
+          <chef-td>
+            {{ (environment.description.length &gt; 30)? (environment.description | slice:0:30)+'...' : environment.description }}
+          </chef-td>
+          <chef-td></chef-td>
+          <chef-td></chef-td>
+          <chef-td></chef-td>
         </chef-tr>
       </chef-tbody>
     </chef-table>

diff --git a/components/automate-ui/src/app/modules/infra-proxy/infra-roles/infra-roles.component.html b/components/automate-ui/src/app/modules/infra-proxy/infra-roles/infra-roles.component.html
@@ -17,7 +17,7 @@
           <chef-td>
             <a [routerLink]="['/infrastructure','chef-servers', serverId, 'organizations', orgId, 'roles', role.name]">{{ role.name }}</a>
           </chef-td>
-          <chef-td>{{ role.description === '' ?  '...' : role.description }}</chef-td>
+          <chef-td>{{ (role.description.length &gt; 30)? (role.description | slice:0:30)+'...' : role.description }}</chef-td>
           <chef-td>{{ role.environments.join(", ") }}</chef-td>
           <chef-td></chef-td>
           <chef-td></chef-td>