-
Notifications
You must be signed in to change notification settings - Fork 90
pfEmptyState for Context Views (list, card, table) #391
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
pfEmptyState for Context Views (list, card, table) #391
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall looks good.
Should we update unit tests for components that could show the empty state now?
@@ -88,6 +89,9 @@ | |||
<label class="checkbox-inline"> | |||
<input type="checkbox" ng-model="showDisabled">Show Disabled Cards</input> | |||
</label> | |||
<label class="checkbox-inline"> | |||
+ <input type="checkbox" ng-model="config.itemsAvailable">Items Available</input> | |||
+ </label> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
extra +'s in here.
items: '=', | ||
eventId: '@id' | ||
}, | ||
transclude: true, | ||
templateUrl: 'views/cardview/card-view.html', | ||
controller: function (pfUtils) { | ||
controller: function (pfUtils, $log) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is $log used anywhere?
</file> | ||
</example> | ||
*/ | ||
angular.module('patternfly.views').component('pfEmptyState', { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would prefer example code be in examples directory. Feel free to ignore.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yeah, typically if there is more than one example I put them in the examples dir.
}; | ||
|
||
ctrl.areMainActions = function () { | ||
var mainActions; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit: would be clearer if functions were 'hasMainActions' and 'hasSecondaryActions'
|
||
.blank-slate-pf button { | ||
margin-right: 4px; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should these be in patternfly? Maybe just add a comment to explain.
2d11a69
to
c63bec0
Compare
Hi @jeff-phillips-18 , addressed your review issues. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks good - two minor text changes for the readme
@@ -79,14 +79,15 @@ Note: | |||
<script src="node_modules/angular-patternfly/node_modules/patternfly/node_modules/c3/c3.min.js"></script> | |||
<script src="node_modules/angular-patternfly/node_modules/patternfly/node_modules/d3/d3.min.js"></script> | |||
|
|||
5. (optional) The 'patternfly.charts' module is not a dependency in the default angular 'patternfly' module. | |||
In order to use patternfly charts you must add 'patternfly.charts' as a dependency in your application: | |||
5. (optional) The 'patternfly.charts' and 'patternfly.table' modules are not a dependencies in the default angular 'patternfly' module. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Extra 'a' in this sentence (not a dependencies)
5. (optional) The 'patternfly.charts' module is not a dependency in the default angular 'patternfly' module. | ||
In order to use patternfly charts you must add 'patternfly.charts' as a dependency in your application: | ||
5. (optional) The 'patternfly.charts' and 'patternfly.table' modules are not a dependencies in the default angular 'patternfly' module. | ||
In order to use patternfly charts and/or patternfly.table, you must add them as a dependencies in your application: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same as above - we should remove the extra 'a'
Angular-Patternfly Implementation of http://www.patternfly.org/pattern-library/communication/empty-state/#/api
pfEmptyState ngdoc:
pfEmptyState ngdoc examples for pfListView, pfCardView, pfTableView, and pfToolbar: