Skip to content

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

Merged
merged 7 commits into from
Jan 25, 2017

Conversation

dtaylor113
Copy link
Member

Angular-Patternfly Implementation of http://www.patternfly.org/pattern-library/communication/empty-state/#/api

pfEmptyState ngdoc:

image

pfEmptyState ngdoc examples for pfListView, pfCardView, pfTableView, and pfToolbar:

image

Copy link
Member

@jeff-phillips-18 jeff-phillips-18 left a 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>
Copy link
Member

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) {
Copy link
Member

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', {
Copy link
Member

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.

Copy link
Member Author

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;
Copy link
Member

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;
}
Copy link
Member

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.

@dtaylor113
Copy link
Member Author

Hi @jeff-phillips-18 , addressed your review issues.
Thanks!

Copy link
Member

@jeff-phillips-18 jeff-phillips-18 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Copy link
Member

@dgutride dgutride left a 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.
Copy link
Member

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:
Copy link
Member

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'

@dgutride dgutride merged commit d92463b into patternfly:branch-4.0-dev Jan 25, 2017
@dtaylor113 dtaylor113 deleted the branch-4.0-dev branch April 20, 2017 14:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants