Reference:ContainerFilter: Difference between revisions

Redaktion (talk | contribs)
Created page with "{{BSExtensionInfo |status=stable |developer=HalloWelt |type=BlueSpice |edition=BlueSpice pro, BlueSpice free, BlueSpice Farm, BlueSpice Cloud |compatible=BlueSpice |category=Data Analysis |license=GPL v3 only |features='''BlueSpiceAuthors''' displays the profile images of the users who have contributed to a wiki page.They are listed on the ''Page information'', which can be accessed from the quality management tools. *'''Image selection:''' The image shows the profile..."
 
Redaktion (talk | contribs)
No edit summary
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{BSExtensionInfo
{{BSExtensionInfo
|removed=No
|status=stable
|status=stable
|developer=HalloWelt
|developer=HalloWelt
|type=BlueSpice
|type=BlueSpice
|edition=BlueSpice pro, BlueSpice free, BlueSpice Farm, BlueSpice Cloud
|edition=BlueSpice pro, BlueSpice farm, BlueSpice cloud
|compatible=BlueSpice
|compatible=BlueSpice
|category=Data Analysis
|category=Rich Articles
|license=GPL v3 only
|docu=https://www.mediawiki.org/wiki/Extension:ContainerFilter
|features='''BlueSpiceAuthors''' displays the profile images of the users who have contributed to a wiki page.They are listed on the ''Page information'', which can be accessed from the quality management tools.
|features=The extension '''ContainerFilter''' adds a <code><nowiki><containerfilter /></nowiki></code> tag to a page. It allows to filter page content based on its CSS-class. By default, the class <code>.wikitable tr</code> is used to filter content. This allows to quickly filter a standard MediaWiki table.


*'''Image selection:''' The image shows the profile image that a user is currently using.
=== Example: MediaWiki table filter ===
*'''Avatar:''' If a user has not uploaded a profile picture, a personalized avatar is shown.
*'''Deleted users:''' If users are not registered or were deleted since they made the contribution, an image with a yellow question mark is displayed.
*'''Interaction:''' Hovering over the profile picture shows the user name. The image links to the user's profile page.


Users with admin rights can set in the [[Manual:Extension/BlueSpiceConfigManager{{!}}Config manager]] if and how many authors should be shown on the page information. If there are more authors than configured, a pagination is being generated.
<syntaxhighlight lang="text">
<containerfilter />


The display of authors can be supressed with the behavior switch <code><nowiki>__NOAUTHORS__</nowiki></code> on an individual wiki page. It can be placed anywhere in the source code.
{{{!}} class="wikitable"
|desc=Displays the profile images of page authors in the page information.
!Product
}}
!Sales
{{wcagCheck
{{!}}-
|wcagStatus=2-testing complete
{{!}}Carretera
|wcagCheckedfor=Web
{{!}}$529.550,00
|wcagTestdate=2022-08-08
{{!}}-
|wcagLevel=AA
{{!}}Montana
|wcagSupport=supports
{{!}}$13.815,00
|wcagComments=Screenreader: Online status of users is announced.
{{!}}-
{{!}}Montana
{{!}}$15.022,00
{{!}}-
{{!}}Montana
{{!}}$43.125,00
{{!}}-
{{!}}Montana
{{!}}$9.225,00
{{!}}-
{{!}}Paseo
{{!}}$5.840,00
{{!}}}
</syntaxhighlight>
 
'''Output:'''
<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
{{!}}}
 
=== 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 <code>tr:not(:has(th))</code> :
<syntaxhighlight lang="text">
<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
{{!}}}
</syntaxhighlight>
 
'''Output:'''
<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
{{!}}}
 
=== Example: List filter ===
<syntaxhighlight lang="text">
<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>
</syntaxhighlight>
 
 
'''Output:'''
<containerfilter selector=".filterexample li"></containerfilter>


Other than that avatar has no other functionality to test since it is decorative.
<div class="filterexample">
|extensionType=core
* Germany: Hr. Müller, Frau Bauer
|extensionFocus=reader
* England: Mr. Miller, Mrs. Farmer
* France: Mr. Meunier, Mme. Paysanne
* Müller, Bauer, Miller
* Farmer, Meunier, Paysanne
* Meunier, Bauer, Other
</div>
}}
}}
{{wcagCheck}}

Latest revision as of 10:28, 4 June 2025

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 Version:
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

Technical details for BlueSpice cloud can differ in some cases.

Requirements

  • MediaWiki: 1.43.0

Integrates into

  • ContentDroplets
  • VisualEditor

Special pages

Hooks




PDF exclude - start

To submit feedback about this documentation, visit our community forum.

PDF exclude - end