Last edited 5 months ago
by Margit Link-Rodrigue

Reference:ContainerFilter: Difference between revisions

VisualWikitext
(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...")
 
m (Text replacement - "BlueSpice Cloud" to "BlueSpice cloud")
 
(20 intermediate revisions by 2 users not shown)
Line 3: Line 3:
|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.
===Example: MediaWiki table filter===


*'''Image selection:''' The image shows the profile image that a user is currently using.
<syntaxhighlight lang="text">
*'''Avatar:''' If a user has not uploaded a profile picture, a personalized avatar is shown.
<containerfilter />
*'''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.
{{{!}} 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
{{!}}}
</syntaxhighlight>


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.
'''Output:'''
|desc=Displays the profile images of page authors in the page information.
<containerfilter />
}}
{{{!}} class="wikitable"
{{wcagCheck
!Product
|wcagStatus=2-testing complete
!Sales
|wcagCheckedfor=Web
{{!}}-
|wcagTestdate=2022-08-08
{{!}}Carretera
|wcagLevel=AA
{{!}}$529.550,00
|wcagSupport=supports
{{!}}-
|wcagComments=Screenreader: Online status of users is announced.
{{!}}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>
|bsvFrom=4.3
}}
}}
{{wcagCheck}}

Latest revision as of 10:49, 7 June 2024

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

Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=Reference:ContainerFilter&oldid=9045"