angular-patternfly icon indicating copy to clipboard operation
angular-patternfly copied to clipboard

Tree List View with Multi-Child Expansion - Angular 1.x implementation not available

Open pulgupta opened this issue 8 years ago • 9 comments

Hi Team,

We are using patternfly to develop a full fledged application for which we need to show our org hierarchy. We zeroed down to "Tree List View with Multi-Child Expansion" component for this purpose. http://www.patternfly.org/pattern-library/content-views/tree-list-view/

However I checked and the Angular 1.x implementation is missing. Can you please prioritize and implement the same. Also can you please provide a rough estimate by when this will be available.

Regards, Pulkit

pulgupta avatar Jan 19 '18 09:01 pulgupta

Hi @pulgupta, thank you for filing this issue, it's great to get feedback/input from the community!

Are you working on a Red Hat application? If so, which team? -thanks!

Unfortunately, it looks like there isn't any patternfly core HTML or CSS for Tree List view. We will bring up your request to the Patternfly Core team so they may prioritize based on their ongoing work. Once we have patternfly core HTML and CSS, we can prioritize implementing the Angular 1.x component in angular-patternfly.

If you wish to speed up the process, it would be great if you could work on, and contribute back, an angular-patternfly Tree List View component. This way we can work with the PatternFly Core team to validate the HTML and CSS, and the angular-patternfly team to fast-track its adoption. I imaging Tree List View will be an extension of the "Compound Expansion" for https://www.patternfly.org/angular-patternfly/#/api/patternfly.views.component:pfListView#example_demo

Thanks, Dave

dtaylor113 avatar Jan 19 '18 15:01 dtaylor113

Actually, it would probably be based on an extension of "Expanding Rows" for pfListView (see checkbox under the example)

dtaylor113 avatar Jan 19 '18 15:01 dtaylor113

Hi @dtaylor113, thanks for prioritizing it. Yes I am working on a Red Hat application within ADS team in IT.

pulgupta avatar Jan 22 '18 10:01 pulgupta

@dtaylor113 It sounds like the support for this in PF core does already exist, per a comment from @LHinson on https://github.com/patternfly/patternfly/issues/950. Can we move this over to the "Next to Do" column on the project board? Thanks!

beanh66 avatar Feb 21 '18 18:02 beanh66

Hi @beanh66, I still do not see where I can get the pf 'core' HTML, CSS/LSS for 'Tree List View with Multi-Child Expansion'?

dtaylor113 avatar Feb 21 '18 21:02 dtaylor113

@dtaylor113 we don't have the specific example coded in core to display on that page. That said pf-list [1] is flexible and supports the nested rows. If this is urgent and you cannot wait on core, I've asked @matthewcarleton to help give you some pointers on how to nest them from a core perspective. My hope is that this guidance plus viewing the patternfly-ng example [2], will give you the information that you need to proceed. Please let us know when you would be looking to implement this in angular-pf so we know when we need to provide this guidance by.

We have a number of issues and priorities that are ahead of this one from a core perspective. @matthewcarleton and I will be working on the core github board today to help clean that up and communicate to the community the current priorities and when you might expect things like the tree list view to be introduce to core.

Thanks and let me know if you have any questions on this!

[1] https://rawgit.com/patternfly/patternfly/master-dist/dist/tests/list-pf.html [2] https://rawgit.com/patternfly/patternfly-ng/master-dist/dist-demo/index.html#/treelist

LHinson avatar Feb 22 '18 14:02 LHinson

Hi @LHinson, ok sounds reasonable. We can work on creating the HTML/CSS and contributing it back to PF core. It would be great if @matthewcarleton could give us some initial direction. I'm not sure when we will be starting this, it is in our backlog at the moment.

dtaylor113 avatar Feb 22 '18 14:02 dtaylor113

@dtaylor113 thanks! We can can cover the core example, just wanted to make sure you knew that you weren't blocked on angular-pf!

LHinson avatar Feb 22 '18 14:02 LHinson

https://github.com/patternfly/patternfly/pull/980

dtaylor113 avatar Mar 09 '18 15:03 dtaylor113