ContainerFilter

Revision as of 10:46, 7 June 2024 by Margit Link-Rodrigue (talk | contribs) (Text replacement - "BlueSpice Farm" to "BlueSpice farm")

Extension: ContainerFilter

all extensions

Overview
Description:

Allows to filter content elements within a page

State: stable Dependency: BlueSpice
Developer: HalloWelt License: GPL-3.0-only
Type: BlueSpice Category: Rich Articles
Edition: BlueSpice pro, BlueSpice farm, BlueSpice Cloud"BlueSpice Cloud" is not in the list (BlueSpice free, BlueSpice free (deactivated), BlueSpice pro, BlueSpice pro (deactivated), BlueSpice farm, BlueSpice farm (deactivated), BlueSpice cloud, BlueSpice cloud (deactivated)) of allowed values for the "BSExtensionInfoEdition" property. Version: 4.3+
For more info, visit Mediawiki.

Features

The extension ContainerFilter adds a <containerfilter /> tag to a page. It allows to filter page content based on its CSS-class. By default, the class .wikitable tr is used to filter content. This allows to quickly filter a standard MediaWiki table.

Example: MediaWiki table filter

<containerfilter />

{{{!}} class="wikitable"
!Product
!Sales
{{!}}-
{{!}}Carretera
{{!}}$529.550,00
{{!}}-
{{!}}Montana
{{!}}$13.815,00
{{!}}-
{{!}}Montana
{{!}}$15.022,00
{{!}}-
{{!}}Montana
{{!}}$43.125,00
{{!}}-
{{!}}Montana
{{!}}$9.225,00
{{!}}-
{{!}}Paseo
{{!}}$5.840,00
{{!}}}

Output:

Product Sales
Carretera $529.550,00
Montana $13.815,00
Montana $15.022,00
Montana $43.125,00
Montana $9.225,00
Paseo $5.840,00

Example: Table filter for a table with custom table class

When a table has a style class other than "wikitable", it can be styled via its class name plus tr:not(:has(th)) :

<containerfilter selector=".contenttable tr:not(:has(th))"/>

{| class="contenttable"
!Product
!Sales
|-
|Carretera
|$529.550,00
|-
|Montana
|$13.815,00
|-
|Montana
|$15.022,00
|-
|Montana
|$43.125,00
|-
|Montana
|$9.225,00
|-
|Paseo
|$5.840,00
|}

Output:


Product Sales
Carretera $529.550,00
Montana $13.815,00
Montana $15.022,00
Montana $43.125,00
Montana $9.225,00
Paseo $5.840,00

Example: List filter

<containerfilter selector=".filterexample li"></containerfilter>

<div class="filterexample">
* Germany: Hr. Müller, Frau Bauer
* England: Mr. Miller, Mrs. Farmer
* France: Mr. Meunier, Mme. Paysanne
* Müller, Bauer, Miller
* Farmer, Meunier, Paysanne
* Meunier, Bauer, Other
</div>


Output:

  • Germany: Hr. Müller, Frau Bauer
  • England: Mr. Miller, Mrs. Farmer
  • France: Mr. Meunier, Mme. Paysanne
  • Müller, Bauer, Miller
  • Farmer, Meunier, Paysanne
  • Meunier, Bauer, Other

Technical Information

This information applies to BlueSpice 4. Technical details for BlueSpice cloud can differ in some cases.

Requirements

  • MediaWiki: 1.39.0

Integrates into

  • ContentDroplets
  • VisualEditor

Special pages

Hooks