rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

table no foo

This commit is contained in:
lvuch 2017-05-01 12:50:19 -07:00
parent 236f214a3c
commit 84b0ca21b1
14 changed files with 140 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
app/authenticated/project/api/hooks/index/template.hbs
View File

@ -17,23 +17,27 @@
<section> <section>
<p>{{t 'hookPage.receiver.content' appName=settings.appName}}</p> <p>{{t 'hookPage.receiver.content' appName=settings.appName}}</p>
{{#sortable-table {{#if model.receivers.length}}
classNames="grid fixed r-mb0 mt-10 sortable-table" {{#sortable-table
bulkActions=false classNames="grid fixed r-mb0 mt-10 sortable-table"
paging=false bulkActions=false
search=false paging=false
sortBy=sortBy search=false
headers=headers sortBy=sortBy
body=model.receivers headers=headers
fullRows=true body=model.receivers
as |sortable kind row| fullRows=true
}} as |sortable kind row|
{{#if (eq kind "row")}} }}
{{hook-row model=row}} {{#if (eq kind "row")}}
{{else if (eq kind "norows")}} {{hook-row model=row}}
<tr> {{else if (eq kind "norows")}}
<td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'hookPage.receiver.noData'}}</td> <tr>
</tr> <td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'hookPage.receiver.noData'}}</td>
{{/if}} </tr>
{{/sortable-table}} {{/if}}
</section> {{/sortable-table}}
{{else}}
{{empty-table resource="container" newRoute="authenticated.project.api.hooks.new-receiver" newTranslationKey="hookPage.receiver.buttonText"}}
{{/if}}
</section>

7
app/authenticated/project/host-template/keys/template.hbs
View File

@ -22,6 +22,7 @@
<section> <section>
<p>{{t 'hostTemplatesPage.keys.header'}}</p> <p>{{t 'hostTemplatesPage.keys.header'}}</p>
{{#if instances.length}}
{{#sortable-table {{#sortable-table
classNames="grid fixed mt-10 sortable-table" classNames="grid fixed mt-10 sortable-table"
bulkActions=false bulkActions=false
@ -67,5 +68,7 @@
</tr> </tr>
{{/if}} {{/if}}
{{/sortable-table}} {{/sortable-table}}
</section> {{else}}
<hr/> {{empty-table resource="container" showNew=false}}
{{/if}}
</section>

1
app/components/empty-table/component.js
View File

@ -2,4 +2,5 @@ import Ember from 'ember';
export default Ember.Component.extend({ export default Ember.Component.extend({
classNames: ['row'], classNames: ['row'],
showNew: true,
}); });

10
app/components/empty-table/template.hbs
View File

@ -1,7 +1,9 @@
<div class="col span-6 offset-3 text-center pt-40 pb-40"> <div class="col span-6 offset-3 text-center pt-40 pb-40">
<img style="width: 75%;" src="{{app.baseAssets}}assets/images/resources/{{resource}}.svg"/> <img style="width: 75%;" src="{{app.baseAssets}}assets/images/resources/{{resource}}.svg"/>
<a class="btn bg-link icon-btn mt-50" href="{{href-to newRoute}}"> {{#if showNew}}
<i class="icon icon-plus text-small"></i> <a class="btn bg-link icon-btn mt-50" href="{{href-to newRoute}}">
<span>{{t newTranslationKey}}</span> <i class="icon icon-plus text-small"></i>
</a> <span>{{t newTranslationKey}}</span>
</a>
{{/if}}
</div> </div>

42
app/registries/index/template.hbs
View File

@ -7,23 +7,27 @@
</section> </section>
<section class="instances"> <section class="instances">
{{#sortable-table {{#if model.length}}
classNames="grid fixed mb-0 sortable-table" {{#sortable-table
bulkActions=false classNames="grid fixed mb-0 sortable-table"
paging=false bulkActions=false
search=false paging=false
sortBy=sortBy search=false
headers=headers sortBy=sortBy
body=model headers=headers
fullRows=true body=model
as |sortable kind registry| fullRows=true
}} as |sortable kind registry|
{{#if (eq kind "row")}} }}
{{registry-row model=registry}} {{#if (eq kind "row")}}
{{else if (eq kind "norows")}} {{registry-row model=registry}}
<tr> {{else if (eq kind "norows")}}
<td colspan="{{sortable.fullColspan}}" class="text-center text-muted">{{t 'registriesPage.index.table.body.noData'}}</td> <tr>
</tr> <td colspan="{{sortable.fullColspan}}" class="text-center text-muted">{{t 'registriesPage.index.table.body.noData'}}</td>
{{/if}} </tr>
{{/sortable-table}} {{/if}}
{{/sortable-table}}
{{else}}
{{empty-table resource="container" newRoute="registries.new" newTranslationKey="registriesPage.index.linkTo"}}
{{/if}}
</section> </section>

2
app/scaling-groups/index/template.hbs
View File

@ -56,8 +56,6 @@
</tr> </tr>
{{else if (eq kind "nomatch")}} {{else if (eq kind "nomatch")}}
<tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'containersPage.table.noMatch'}}</td></tr> <tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'containersPage.table.noMatch'}}</td></tr>
{{else if (eq kind "norows")}}
<tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'containersPage.table.noData'}}</td></tr>
{{/if}} {{/if}}
{{/sortable-table}} {{/sortable-table}}
{{else}} {{else}}

44
app/secrets/index/template.hbs
View File

@ -16,24 +16,28 @@
</section> </section>
<section class="instances pt-5 pb-5"> <section class="instances pt-5 pb-5">
{{#sortable-table {{#if model.length}}
classNames="grid sortable-table" {{#sortable-table
body=model classNames="grid sortable-table"
sortBy=sortBy body=model
bulkActions=true sortBy=sortBy
headers=headers as |sortable kind row dt|}} bulkActions=true
{{#if (eq kind "row")}} headers=headers as |sortable kind row dt|}}
<td data-title="{{dt.state}}">{{badge-state model=row}}</td> {{#if (eq kind "row")}}
<td data-title="{{dt.name}}">{{row.name}}</td> <td data-title="{{dt.state}}">{{badge-state model=row}}</td>
<td data-title="{{dt.description}}">{{row.description}}</td> <td data-title="{{dt.name}}">{{row.name}}</td>
<td data-title="{{dt.created}}">{{date-from-now row.created}}</td> <td data-title="{{dt.description}}">{{row.description}}</td>
<td data-title="{{dt.actions}}" class="actions"> <td data-title="{{dt.created}}">{{date-from-now row.created}}</td>
{{action-menu model=row}} <td data-title="{{dt.actions}}" class="actions">
</td> {{action-menu model=row}}
{{else if (eq kind "nomatch")}} </td>
<tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'secretsPage.index.noMatch'}}</td></tr> {{else if (eq kind "nomatch")}}
{{else if (eq kind "norows")}} <tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'secretsPage.index.noMatch'}}</td></tr>
<tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'secretsPage.index.noData'}}</td></tr> {{else if (eq kind "norows")}}
{{/if}} <tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'secretsPage.index.noData'}}</td></tr>
{{/sortable-table}} {{/if}}
{{/sortable-table}}
{{else}}
{{empty-table resource="container" newRoute="secrets.new" newTranslationKey="secretsPage.index.linkTo"}}
{{/if}}
</section> </section>

8
app/styles/components/_code.scss
View File

@ -1,3 +1,11 @@
// Code
$code-color : mix($warning, $error, 20%) !default;
$code-bg : #fcf2e9 !default;
$pre-bg : #f5f5f5 !default;
$pre-color : $dark-grey !default;
$pre-border-color : $light-grey !default;
code { code {
padding: 2px 4px; padding: 2px 4px;
font-size: 90%; font-size: 90%;

9
app/styles/components/_modals.scss
View File

@ -1,3 +1,12 @@
$modal-content-bg : white !default;
$modal-content-border-color : transparent !default;
$modal-content-fallback-border-color : #999 !default;
$modal-overlay : rgba($light-grey, 0.75) !default;
$modal-header-border-color : #e5e5e5 !default;
$modal-footer-border-color : $modal-header-border-color !default;
.modal-overlay { .modal-overlay {
background-color: $modal-overlay; background-color: $modal-overlay;
min-height: 100%; min-height: 100%;

17
app/styles/components/_pagination.scss
View File

@ -1,3 +1,20 @@
// Pagination
$pagination-color : $primary !default;
$pagination-bg : #f5f5f5 !default;
$pagination-border : #ddd !default;
$pagination-hover-color : $link-hover-color !default;
$pagination-hover-bg : $light-grey !default;
$pagination-hover-border : #ddd !default;
$pagination-active-color : $light-grey !default;
$pagination-active-bg : white !default;
$pagination-active-border : #ddd !default;
$pagination-disabled-color : $light-grey !default;
$pagination-disabled-bg : white !default;
$pagination-disabled-border : #ddd !default;
.pagination { .pagination {
margin: 0px; margin: 0px;

10
app/styles/components/_tabs.scss
View File

@ -1,3 +1,13 @@
// Tabs
$tab-bg : white !default;
$tab-active-bg : white !default;
$tab-hover : $dark-grey !default;
$tab-color : $mid-grey !default;
$tab-accent : $light-grey !default;
$close-color : white !default;
$close-text-shadow : 0 1px 0 white !default;
.tabs { .tabs {
position: relative; position: relative;

8
app/styles/components/_tooltip.scss
View File

@ -1,3 +1,11 @@
// Tooltip text color
$tooltip-color : white !default;
// Tooltip background color
$tooltip-bg : rgba(0,0,0,.9) !default;
$tooltip-opacity : .9 !default;
// Tooltip arrow color
$tooltip-arrow-color : $tooltip-bg !default;
@mixin tooltip-triangle { @mixin tooltip-triangle {
content : ''; content : '';
background : transparent; background : transparent;

3
app/styles/themes/_dark.scss
View File

@ -172,9 +172,6 @@ $pagination-disabled-color : $mid-grey;
$pagination-disabled-bg : white; $pagination-disabled-bg : white;
$pagination-disabled-border : #ddd; $pagination-disabled-border : #ddd;
/*jumbotron*/
$jumbotron-bg : $mid-grey;
/*Form states and alerts Define colors for form feedback states and, by default, alerts.*/ /*Form states and alerts Define colors for form feedback states and, by default, alerts.*/
$state-success-text : white; $state-success-text : white;

70
app/styles/themes/_light.scss
View File

@ -43,12 +43,6 @@ $accent-three : $dark-grey;
$accent-bg : lighten($accent-one, 1.5%); $accent-bg : lighten($accent-one, 1.5%);
$accent-border : rgba(255, 255, 255, .5); $accent-border : rgba(255, 255, 255, .5);
// // Header
// $header : $secondary;
// $header-link : $light-grey;
// $header-link-active : $primary;
// $user-btn : darken($header, 10%);
// $header-text : $secondary; // $header-text : $secondary;
$footer : $light-grey; $footer : $light-grey;
@ -64,25 +58,6 @@ $component-active-color : white;
// Global background color for active items (e.g., navs or dropdowns). // Global background color for active items (e.g., navs or dropdowns).
$component-active-bg : $primary; $component-active-bg : $primary;
// Pagination
$pagination-color : $primary;
$pagination-bg : #f5f5f5;
$pagination-border : #ddd;
$pagination-hover-color : $link-hover-color;
$pagination-hover-bg : $light-grey;
$pagination-hover-border : #ddd;
$pagination-active-color : $light-grey;
$pagination-active-bg : white;
$pagination-active-border : #ddd;
$pagination-disabled-color : $light-grey;
$pagination-disabled-bg : white;
$pagination-disabled-border : #ddd;
// Jumbotron
$jumbotron-bg : $light-grey;
// Form states and alerts Define colors for form feedback states and, by default, alerts. // Form states and alerts Define colors for form feedback states and, by default, alerts.
@ -103,48 +78,13 @@ $state-danger-bg : $error;
$state-danger-border : darken(adjust-hue($state-danger-bg, -10), 3%); $state-danger-border : darken(adjust-hue($state-danger-bg, -10), 3%);
// Tooltip text color
$tooltip-color : white;
// Tooltip background color
$tooltip-bg : rgba(0,0,0,.9);
$tooltip-opacity : .9;
// Tooltip arrow color
$tooltip-arrow-color : $tooltip-bg;
// Background color of modal content area
$modal-content-bg : white;
// Modal content border color
$modal-content-border-color : transparent;
// Modal content border color **for IE8**
$modal-content-fallback-border-color : #999;
// Modal backdrop background color
$modal-overlay : rgba($light-grey, 0.75);
// Modal header border color
$modal-header-border-color : #e5e5e5;
// Modal footer border color
$modal-footer-border-color : $modal-header-border-color;
$header-link-text : #afb9c8; $header-link-text : #afb9c8;
$nav-link-hover-bg : $light-grey; $nav-link-hover-bg : $light-grey;
// Tabs
$tab-bg : white;
$tab-active-bg : white;
$tab-hover : $dark-grey;
$tab-color : $mid-grey;
$tab-accent : $light-grey;
$close-color : white;
$close-text-shadow : 0 1px 0 white;
// Code // Code
$code-color : mix($warning, $error, 20%); $code-color : mix($warning, $error, 20%) !default;
$code-bg : #fcf2e9; $code-bg : #fcf2e9 !default;
$pre-bg : #f5f5f5; $pre-bg : #f5f5f5 !default;
$pre-color : $dark-grey; $pre-color : $dark-grey !default;
$pre-border-color : $light-grey; $pre-border-color : $light-grey !default;