flowpack / flowpack.listable Goto Github PK
View Code? Open in Web Editor NEWNeos package that helps you to render lists of things
Home Page: https://packagist.org/packages/flowpack/listable
License: MIT License
Neos package that helps you to render lists of things
Home Page: https://packagist.org/packages/flowpack/listable
License: MIT License
We should test TS objects. E.g. see how TS tests are implemented in TypoScript package itself e.g. here https://github.com/neos/neos-development-collection/blob/master/TYPO3.TypoScript/Tests/Functional/TypoScriptObjects/TagTest.php#L23.
According to the docs:
May be it makes sense to detect or configure a framework (like bootstrap in the demo site), and have the list objects automatically render withe the corresponding css IDs and classes.
Rename Listable
to List
and List
to something else, like TitledList
.
Perhaps we should gather more feedback on this topic.
According to the Routes.yaml which should be auto-included, I should be able to use URLs like /de/news~p2.html
, correct?
This seems to be broken.
The current version tag 2.0.2 should be 3.0 as it's a breaking change and makes every package that depends on Listable incompatible.
The description links goes to a 404 site on packagist
I find the Sfi.Listable:Listable
name a little non-descriptive and it may not be neccessary.
What about only providing a Sfi.Listable:List
?
If no wrapping elements are defined, the default behavior could be that of the current Listable node.
I could not find offsets (skipping to list the first n items (as they may be rendered in full lengh just above the list).
Hi guys,
a property for an alternative text which is shown if the list is empty.
For example listable projects:
prototype(XY.xy:ProjectList) < prototype(Flowpack.Listable:List) {
alternativeText = 'No projects'
}
Flowpack.Listable:PaginatedCollection has a collection key that must be set by the user.
The documentation shows an example:
prototype(My.Custom:Object) < prototype(Flowpack.Listable:PaginatedCollection) {
collection = ${Search.query(site).nodeType('Something.Custom:Here').sortDesc('date')}
...
}
When passing the same search query as prop, it does not work:
prototype(My.Custom:Object) < prototype(Neos.Fusion:Component) {
collection = ${Search.query(site).nodeType('Something.Custom:Here').sortDesc('date')}
renderer = Flowpack.Listable:PaginatedCollection {
collection=${props.collection}
}
}
It was hard to find out and took me several hours of debugging to realize that this is simply not possible because of the caching configuration of PaginatedCollection
, because the data passed is not saved with the cache entry (see @cache.context
).
I'm not sure where exactly, but might it be worth mentioning this in the README or in the code of the fusion component itself?
Allow to limit and paginate based on date property? For example, show only past/next month or year, and paginate to past/next year.
I get an error in combination with Flowpack Simple search at line:
props.collection
has changed in Flowpack.SimpleSearch
with this pr:
https://github.com/Flowpack/Flowpack.SimpleSearch.ContentRepositoryAdaptor/pull/39/files#diff-ffc206e78cb0c19096185c41a6daf40384dee16565b7a919e5438c6ce1d2cb7fR223
and is no longer a simple array but and \ArrayIterator
or better a \Traversable
the fusion in totalCount
should be changed to account for \Traversables
a current workaround is to call Array.values
on props.collection
before passing it to Flowpack.Listable:PaginatedCollection
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.