Skip to content

Commit a2f8b8c

Browse files
author
Dushyant Bhalgami
committed
fixed column width in case of long group name
1 parent ed6fa31 commit a2f8b8c

File tree

1 file changed

+93
-59
lines changed

1 file changed

+93
-59
lines changed

‎src/app/groups/groups.list.html

+93-59
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,98 @@
1-
<div class="wrapper wrapper-content animated fadeInRight" ng-show="authorized()">
2-
<div class="row">
3-
<div class="col-lg-12">
4-
<div class="ibox float-e-margins">
5-
<div class="ibox-content">
6-
<div class="text-center" ng-show="isLoading">
7-
<img src="assets/images/loading.gif" />
8-
</div>
9-
<button type="submit" class="btn btn-sm btn-info" ng-click="openGroupEditDialog()">
10-
<strong><i class="fa fa-plus"></i> New Group</strong>
11-
</button>
12-
<div ng-show="!isLoading" class="table-responsive">
13-
<table class="footable table table-stripped toggle-arrow-tiny" ng-show="groups.length" data-page-size="50">
14-
<thead>
15-
<tr>
16-
<th data-type="numeric">Group ID</th>
17-
<th>Name</th>
18-
<th>Description</th>
19-
<th>Created by</th>
20-
<th>Created at</th>
21-
<th>Modified by</th>
22-
<th>Modified at</th>
23-
</tr>
24-
</thead>
1+
<div
2+
class="wrapper wrapper-content animated fadeInRight"
3+
ng-show="authorized()"
4+
>
5+
<div class="row">
6+
<div class="col-lg-12">
7+
<div class="ibox float-e-margins">
8+
<div class="ibox-content">
9+
<div class="text-center" ng-show="isLoading">
10+
<img src="assets/images/loading.gif" />
11+
</div>
12+
<button
13+
type="submit"
14+
class="btn btn-sm btn-info"
15+
ng-click="openGroupEditDialog()"
16+
>
17+
<strong><i class="fa fa-plus"></i> New Group</strong>
18+
</button>
19+
<div ng-show="!isLoading" class="table-responsive">
20+
<table
21+
class="footable table table-stripped toggle-arrow-tiny"
22+
ng-show="groups.length"
23+
data-page-size="50"
24+
>
25+
<thead>
26+
<tr>
27+
<th data-type="numeric">Group ID</th>
28+
<th>Name</th>
29+
<th>Description</th>
30+
<th>Created by</th>
31+
<th>Created at</th>
32+
<th>Modified by</th>
33+
<th>Modified at</th>
34+
</tr>
35+
</thead>
2536

26-
<tbody>
27-
<tr class="animate-repeat" ng-repeat="group in groups">
28-
<td>
29-
<a ui-sref="index.groupmembers.list({groupId: group.id})">{{group.id}}</a>
30-
</td>
31-
<td>
32-
<a ui-sref="index.groupmembers.list({groupId: group.id})">{{group.name}}</a>
33-
</td>
34-
<td>{{group.description}}</td>
35-
<td>
36-
<span ng-if="users[group.createdBy]">{{users[group.createdBy]}}</span>
37-
<span class="text-info" ng-if="group.createdBy && !users[group.createdBy]">loading...</span>
38-
</td>
39-
<td>{{group.createdAt | date : 'yyyy-MM-dd HH:mm' : 'EDT'}} {{group.createdAt ? 'EDT' : ''}}</td>
40-
<td>
41-
<span ng-if="users[group.modifiedBy]">{{users[group.modifiedBy]}}</span>
42-
<span class="text-info" ng-if="group.modifiedBy && !users[group.modifiedBy]">loading...</span>
43-
</td>
44-
<td>{{group.modifiedAt | date : 'yyyy-MM-dd HH:mm' : 'EDT'}} {{group.modifiedAt ? 'EDT' : ''}}</td>
45-
</tr>
46-
</tbody>
37+
<tbody>
38+
<tr class="animate-repeat" ng-repeat="group in groups">
39+
<td>
40+
<a ui-sref="index.groupmembers.list({groupId: group.id})">{{
41+
group.id
42+
}}</a>
43+
</td>
44+
<td>
45+
<a
46+
style="word-break: break-all"
47+
ui-sref="index.groupmembers.list({groupId: group.id})"
48+
>{{ group.name }}</a
49+
>
50+
</td>
51+
<td>{{ group.description }}</td>
52+
<td>
53+
<span ng-if="users[group.createdBy]">{{
54+
users[group.createdBy]
55+
}}</span>
56+
<span
57+
class="text-info"
58+
ng-if="group.createdBy && !users[group.createdBy]"
59+
>loading...</span
60+
>
61+
</td>
62+
<td>
63+
{{ group.createdAt | date: 'yyyy-MM-dd HH:mm':'EDT' }}
64+
{{ group.createdAt ? 'EDT' : '' }}
65+
</td>
66+
<td>
67+
<span ng-if="users[group.modifiedBy]">{{
68+
users[group.modifiedBy]
69+
}}</span>
70+
<span
71+
class="text-info"
72+
ng-if="group.modifiedBy && !users[group.modifiedBy]"
73+
>loading...</span
74+
>
75+
</td>
76+
<td>
77+
{{ group.modifiedAt | date: 'yyyy-MM-dd HH:mm':'EDT' }}
78+
{{ group.modifiedAt ? 'EDT' : '' }}
79+
</td>
80+
</tr>
81+
</tbody>
4782

48-
<tfoot>
49-
<tr>
50-
<td colspan="7">
51-
<ul class="pagination pull-right"></ul>
52-
</td>
53-
</tr>
54-
</tfoot>
55-
56-
</table>
57-
<div ng-show="!groups.length">No records found</div>
58-
</div>
59-
<!-- table-responsive -->
60-
</div>
61-
</div>
83+
<tfoot>
84+
<tr>
85+
<td colspan="7">
86+
<ul class="pagination pull-right"></ul>
87+
</td>
88+
</tr>
89+
</tfoot>
90+
</table>
91+
<div ng-show="!groups.length">No records found</div>
92+
</div>
93+
<!-- table-responsive -->
6294
</div>
95+
</div>
6396
</div>
97+
</div>
6498
</div>

0 commit comments

Comments
 (0)