mirror of https://github.com/rancher/ui.git
Changes for new sortable table features
This commit is contained in:
parent
66c0971b0c
commit
17cd563a12
|
|
@ -11,19 +11,19 @@ export default Ember.Controller.extend(FilterState, {
|
|||
translationKey: 'generic.state',
|
||||
name: 'state',
|
||||
sort: ['state'],
|
||||
width: '125px'
|
||||
width: '125'
|
||||
},
|
||||
{
|
||||
translationKey: 'generic.id',
|
||||
name: 'id',
|
||||
sort: ['id'],
|
||||
width: '120px'
|
||||
width: '120'
|
||||
},
|
||||
{
|
||||
translationKey: 'accountsPage.index.table.kind',
|
||||
name: 'kind',
|
||||
sort: ['kind'],
|
||||
width: '120px'
|
||||
width: '120'
|
||||
},
|
||||
{
|
||||
translationKey: 'accountsPage.index.table.username',
|
||||
|
|
@ -37,7 +37,7 @@ export default Ember.Controller.extend(FilterState, {
|
|||
},
|
||||
{
|
||||
isActions: true,
|
||||
width: '75px',
|
||||
width: '75',
|
||||
},
|
||||
],
|
||||
|
||||
|
|
|
|||
|
|
@ -11,14 +11,13 @@
|
|||
classNames="lacsso grid sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
fullRows=true
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=filteredByKind
|
||||
as |row kind|
|
||||
as |sortable kind row dt|
|
||||
}}
|
||||
{{log 'row' row}}
|
||||
{{log 'kind' kind}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{account-row model=row isLocal=isLocal}}
|
||||
{{else if (eq kind "norows")}}
|
||||
|
|
|
|||
|
|
@ -3,11 +3,10 @@ import C from 'ui/utils/constants';
|
|||
|
||||
export default Ember.Controller.extend({
|
||||
application : Ember.inject.controller(),
|
||||
prefs: Ember.inject.service(),
|
||||
prefs: Ember.inject.service(),
|
||||
queryParams : ['sortBy', 'sortOrder', 'eventType', 'resourceType', 'resourceId', 'clientIp', 'authType'],
|
||||
|
||||
resourceTypeAndId : null,
|
||||
modalService: Ember.inject.service('modal'),
|
||||
modalService: Ember.inject.service('modal'),
|
||||
|
||||
headers: [
|
||||
{
|
||||
|
|
@ -15,7 +14,7 @@ export default Ember.Controller.extend({
|
|||
name: 'id',
|
||||
sort: ['id'],
|
||||
classNames: 'pl-10',
|
||||
width: '115px'
|
||||
width: '115'
|
||||
},
|
||||
{
|
||||
translationKey: 'auditLogsPage.table.eventType',
|
||||
|
|
@ -40,7 +39,7 @@ export default Ember.Controller.extend({
|
|||
name: 'accountId',
|
||||
sort: ['accountId'],
|
||||
classNames: 'pl-10',
|
||||
width: '125px'
|
||||
width: '125'
|
||||
},
|
||||
{
|
||||
translationKey: 'auditLogsPage.table.resourceTypeId',
|
||||
|
|
@ -53,7 +52,7 @@ export default Ember.Controller.extend({
|
|||
name: 'authenticatedAsIdentityId',
|
||||
sort: ['authenticatedAsIdentityId'],
|
||||
classNames: 'pl-10',
|
||||
width: '175px'
|
||||
width: '175'
|
||||
},
|
||||
],
|
||||
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
descending=descending
|
||||
headers=headers
|
||||
body=model.auditLog
|
||||
as |log kind|
|
||||
as |sortable kind log dt|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
<td data-title="{{t 'auditLogsPage.table.time'}}:">{{date-from-now log.created}}</td>
|
||||
|
|
|
|||
|
|
@ -8,14 +8,14 @@
|
|||
|
||||
<section class="instances">
|
||||
{{#sortable-table
|
||||
classNames="lacsso grid sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model
|
||||
as |member kind|
|
||||
classNames="lacsso grid sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model
|
||||
as |sortable kind member dt|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
<td>{{member.uuid}}</td>
|
||||
|
|
@ -24,7 +24,9 @@
|
|||
<td>{{#if member.clustered}}{{t 'generic.yess'}}{{else}}{{t 'generic.noo'}}{{/if}}</td>
|
||||
<td>{{date-str member.heartbeat}}</td>
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'processesPage.summary.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'processesPage.summary.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -32,8 +32,12 @@
|
|||
{{/if}}
|
||||
</td>
|
||||
{{else if (eq kind "nomatch")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'processesPage.pools.noMatch'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'processesPage.pools.noMatch'}}</td>
|
||||
</tr>
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'processesPage.pools.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'processesPage.pools.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
|
|
|
|||
|
|
@ -18,19 +18,21 @@
|
|||
<section>
|
||||
<p>{{t 'hookPage.receiver.content' appName=settings.appName}}</p>
|
||||
{{#sortable-table
|
||||
classNames="grid fixed r-mb0 r-mt10 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.receivers
|
||||
as |row kind|
|
||||
classNames="grid fixed r-mb0 r-mt10 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.receivers
|
||||
as |sortable kind row|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{hook-row model=row}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'hookPage.receiver.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'hookPage.receiver.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -26,12 +26,14 @@
|
|||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.account
|
||||
as |key kind|
|
||||
as |sortable kind key|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{apikey-row model=key}}
|
||||
{{apikey-row model=key}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'apiPage.account.table.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'apiPage.account.table.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
@ -68,12 +70,14 @@
|
|||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.environment
|
||||
as |key kind|
|
||||
as |sortable kind key|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{apikey-row model=key}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'apiPage.account.table.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'apiPage.account.table.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@
|
|||
|
||||
<section>
|
||||
{{#sortable-table
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.all
|
||||
as |target kind|
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.all
|
||||
as |sortable kind target|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
<td class="state">
|
||||
|
|
@ -40,7 +40,9 @@
|
|||
{{action-menu model=target}}
|
||||
</td>
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'apiPage.account.table.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'apiPage.account.table.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -15,12 +15,14 @@
|
|||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model
|
||||
as |cert kind|
|
||||
as |sortable kind cert|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{certificate-row model=cert}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'certificatesPage.index.table.body.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'certificatesPage.index.table.body.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@ export default Ember.Component.extend({
|
|||
model: null,
|
||||
isLocal: null,
|
||||
|
||||
tagName: '',
|
||||
tagName: 'TR',
|
||||
});
|
||||
|
|
|
|||
|
|
@ -2,5 +2,5 @@ import Ember from 'ember';
|
|||
|
||||
export default Ember.Component.extend({
|
||||
model: null,
|
||||
tagName: '',
|
||||
tagName: 'TR',
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,19 +1,21 @@
|
|||
{{#sortable-table
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
descending=descending
|
||||
headers=headers
|
||||
body=labelArray
|
||||
as |label kind|
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
descending=descending
|
||||
headers=headers
|
||||
body=labelArray
|
||||
as |sortable kind label|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{#if showKind}}<td data-title="{{t 'labelsSection.kind'}}:" class="valign-top">{{uc-first label.type}}</td>{{/if}}
|
||||
<td data-title="{{t 'labelsSection.key'}}:" class="force-wrap valign-top">{{label.key}}</td>
|
||||
<td data-title="{{t 'labelsSection.value'}}:" class="force-wrap valign-top">{{pretty-json value=label.value}}</td>
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="headers.length" class="text-center text-muted">{{t 'labelsSection.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'labelsSection.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
|
|
@ -22,12 +22,14 @@
|
|||
descending=descending
|
||||
headers=headers
|
||||
body=model
|
||||
as |p kind|
|
||||
as |sortable kind p|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{project-row model=p}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'labelsSection.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'labelsSection.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
@ -10,20 +10,22 @@
|
|||
|
||||
<section>
|
||||
{{#sortable-table
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
descending=descending
|
||||
headers=headers
|
||||
body=model
|
||||
as |row kind|
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
descending=descending
|
||||
headers=headers
|
||||
body=model
|
||||
as |sortable kind row|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{project-template-row model=row}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="5" class="text-center text-muted">{{t 'projectList.indexTemplate.table.body.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'projectList.indexTemplate.table.body.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -2,5 +2,5 @@ import Ember from 'ember';
|
|||
|
||||
export default Ember.Component.extend({
|
||||
model: null,
|
||||
tagName: '',
|
||||
tagName: 'TR',
|
||||
});
|
||||
|
|
|
|||
|
|
@ -2,5 +2,5 @@ import Ember from 'ember';
|
|||
|
||||
export default Ember.Component.extend({
|
||||
model: null,
|
||||
tagName: '',
|
||||
tagName: 'TR',
|
||||
});
|
||||
|
|
|
|||
|
|
@ -2,12 +2,6 @@ import Ember from 'ember';
|
|||
|
||||
export default Ember.Controller.extend({
|
||||
sortBy: 'ip',
|
||||
sorts: {
|
||||
ip: ['ipAddress','port'],
|
||||
port: ['port','ipAddress','instanceId'],
|
||||
service: ['service.displayName','port','ipAddress'],
|
||||
container: ['instance.displayName','port','ipAddress'],
|
||||
},
|
||||
headers: [
|
||||
{
|
||||
name: 'ip',
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
descending=descending
|
||||
headers=headers
|
||||
body=model.displayEndpoints
|
||||
as |port kind|
|
||||
as |sortable kind port|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
<td>{{port.ipAddress}}</td>
|
||||
|
|
@ -33,6 +33,8 @@
|
|||
{{/if}}
|
||||
</td>
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'hostsPage.hostPage.portsTab.table.body.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'hostsPage.hostPage.portsTab.table.body.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
|
|
|
|||
|
|
@ -7,11 +7,13 @@
|
|||
descending=descending
|
||||
headers=headers
|
||||
body=nonRootVolumes
|
||||
as |volume kind|
|
||||
as |sortable kind volume|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{volume-row model=volume}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{header.length}}" class="text-center text-muted">{{t 'hostsPage.hostPage.storageTab.table.body.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{header.length}}" class="text-center text-muted">{{t 'hostsPage.hostPage.storageTab.table.body.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
|
|
@ -8,19 +8,21 @@
|
|||
|
||||
<section class="instances">
|
||||
{{#sortable-table
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model
|
||||
as |registry kind|
|
||||
classNames="grid fixed mb-0 sortable-table"
|
||||
bulkActions=false
|
||||
paging=false
|
||||
search=false
|
||||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model
|
||||
as |sortable kind registry|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{registry-row model=registry}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'registriesPage.index.table.body.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'registriesPage.index.table.body.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
sortBy=sortBy
|
||||
headers=headers
|
||||
body=model.instances
|
||||
as |container kind|
|
||||
as |sortable kind container|
|
||||
}}
|
||||
{{#if (eq kind "row")}}
|
||||
{{container-row
|
||||
|
|
@ -21,6 +21,8 @@
|
|||
storageMax=storageMax
|
||||
networkMax=networkMax}}
|
||||
{{else if (eq kind "norows")}}
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'servicePage.containersTab.table.body.noData'}}</td>
|
||||
<tr>
|
||||
<td colspan="{{headers.length}}" class="text-center text-muted">{{t 'servicePage.containersTab.table.body.noData'}}</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
{{/sortable-table}}
|
||||
Loading…
Reference in New Issue