
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
ngfb_sortable_table
Advanced tools
AFT is A2+ module giving a solution for common problem - creation a table with firebase as a backend. It was decided to avoid using third part services as firebase cloud functions or writing own observer servers using node. Before you start it is strongly recommended to read an this article.
SortableTableComponent
docSortableTableService
docSortableItemDirective
docDialogDirective
docInfiniteScrollDirective
docPriorityKeysPipe
docnpm install @nodeart/ngfb-sortable-table --save
Module is supplied with set of features that could be useful while working with tables such as
search, sort, filter and infinite scroll.
Due to limitations of firebase querying there are no complicated logic under the hood.
According to firebase documentation one can use only one orderBy
query at a time.
There are 4 types of events could have happen. Each of them has its own querying rules and usage restrictions.
Events | InfiniteScroll | SortByHeader | FilterByInput | FilterBySelect |
---|---|---|---|---|
Reset previous query | false | true | true | true |
Basic query | {orderByKey: true} | {limitTo(First/Last): number, orderByChild: field} | {orderByKey: true} | orderByChild: field |
Priority | medium | low | low | high |
InfiniteScroll:
InfiniteScroll is a default event and first request to database will be done with it if no config for FilterBySelect
provided; It is the only event that doesn't reset previous query, only add the offset.
Fires when user is reached the bottom of the page.
Restrictions:
@Input pagination
is passed;SortByHeader:
SortByHeader is an event that happen after toggling the arrow button on sortable
header items.
Restrictions:
Resets other queries.
FilterByInput:
FilterByInput is an event happen when user input some data in a search string. Input is debounced by default.
Restrictions:
@Input filterByInputValue
is passed in;Resets other queries.
FilterBySelect:
FilterBySelect event has the greatest priority value. If it is passed in than the first request to database will be made by the rules of this event.
Restrictions:
@Input filterBySelect
is passed in;Resets other queries.
.indexOn
rule
in your database rules.TableItemComponent
that you pass inside SortableTableComponent
must be attributive in
order to be properly displayed. Example: tr [sortableTableItem]
.PriorityKeysPipe
and pass enum with a list of headers as an argument and the list
of headers you'd prefer not to show.setHeaders
function to your container component context (see basic usage) if you
use this
keyword in this function.
As child component doesn't not know who his parent actually is, we can't use forward ref
to done this.FAQs
Angular 2+ Firebase Sortable Table
The npm package ngfb_sortable_table receives a total of 1 weekly downloads. As such, ngfb_sortable_table popularity was classified as not popular.
We found that ngfb_sortable_table demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.