Block Plus

By Daniel Berthereau Add blocks for the editorial site pages (image gallery, D3 graph, mirror page, search form, showcase, exhibits, etc.) and resource pages (breadcrumbs, title, thumbnail, previous/next, etc.).
Download 3.4.22

Block Plus (module for Omeka S)

New versions of this module and support for Omeka S version 3.0 and above are available on GitLab, which seems to respect users and privacy better than the previous repository.

Block Plus is a module for Omeka S that adds some new blocks for the static pages and improves some of the existing ones: image gallery, D3 graph, mirror page, search form, item set showcase, exhibits, footnotes, etc. Some resource page blocks are implemented too: breadcrumbs, previous/next resource, etc.

Warning: Since Omeka S v4.1, many of the features implemented some years ago were implemented in core. The migration from old blocks of the module to new blocks may require some manual updates of the themes when they were customized. See below for migration. There is no issue for a new install.

Installation

See general end user documentation for installing a module.

This module requires the module Common, that should be installed first.

The module uses external js libraries for some blocks, so use the release zip to install it, or use and init the source.

  • From the zip

Download the last release BlockPlus.zip from the list of releases (the master does not contain the dependency), and uncompress it in the modules directory.

  • From the source and for development

If the module was installed from the source, rename the name of the folder of the module to BlockPlus, and go to the root module, and run:

composer install --no-dev

Then install it like any other Omeka module and follow the config instructions.

Usage since version 3.4.22 for Omeka S v4.1

New site page blocks and block templates

Asset (new templates)

Available templates:

  • Bootstrap Hero
  • Class - Url
  • Left / Right
  • Partners

These templates support the "class and url from caption" feature: if you need a specific class or url for the theme and not only a page, you can prepend them to each asset caption:

url = https://example.org/
class = xxx yyy
Next lines are the true caption.

Furthermore, the caption may be an html one.

Block

A simple block to display a template from the theme. It should be adapted by in the theme. It may be used for a static html content, like a list of partners, or a complex layout, since any Omeka feature is available in a view.

Two block templates are provided:

Arborescence / Tree view

An example layout is provided to display a dynamic tree view from a tsv/csv file. The file should be one value by a row, with the offset matching the depth:

Asia
        Japan
                Tokyo
Europe
        France
                Paris
        Italy
                Roma
                Florence
Glossary

A second example is a template to create a standard glossary (definition list):

alpha = First letter of Greek alphabet
beta = Second letter of Greek alphabet

The glossary can be created with html too with the block html and template html-glossary. In that case, set a list of term and definition separated by an empty line:

alpha
definition of alpha

beta
definition of beta
definition of beta continued…

To insert a line, it is recommended to set the cursor at the start of the line. It will avoid possible issues.

Breadcrumbs

This block displays the breadcrumbs of the current page according to site settings.

Browse preview (templates)

Some specific templates are available in Browse Preview:

To use them, simply select the wanted template:

browse-preview-carousel

Buttons

This block displays buttons to share the current page in a privacy-compliant way. Available buttons are Download, Email, Facebook, Pinterest and Twitter.

D3 Graph

The D3 graph adds the D3 library to display relations between items in a graph: links between subjects and objects, links between items and item sets, etc. An example of use can be seen on the digital library of the Fondation de la Maison de Salins.

External content

Similar to media with html, but to display an external asset that is not a resource neither an asset file, so currently not manageable inside Omeka. It may be used to display a html text with a video on the home page.

Heading

Display a html heading <h1></h1> to <h6></h6> in order to organize your blocks.

HTML (js improvements and templates)

Two new options are added in main settings:

  • Display the html field as a document, that is a lot easier when editing long articles. Furthermore, the field can be maximized.
  • Use the default or advanced toolbar. The advanced toolbar is the CKEditor one and contains more possibilities to edit advanced text.

Furthermore, it is possible to add footnotes inside each html field.

For the templates: - glossary: display a glossary (see block Block above). - page header: a default template with a specific class.

Item Set showcase (deprecated)

This is similar to the block Media, but for item sets. This block will be merged in block Showcase in a future version.

Links

Allow to display a list of links. In the text area, write each link as:

url = Title = Optional short description
/s/main/page/beta = Beta = Short description

List of Sites (improvement)

This block improves the core one in order to skip current site and translated sites.

This feature may be integrated in the core.

Messages

Display the messages (notice, warning and errors), like in admin. This block may be useful for modules like Contact Us, Contribute, Guest, Bulk export, etc. that add some interactions with the visitor.

Mirror page

Allow to use a page as a block, so the same page can be use in multiple sites, for example the page "About" or "Privacy". Of course, the page is a standard page and can be more complex with multiple blocks. May be fun. This is an equivalent for the shortcode as a page in Omeka Classic too.

Page Metadata

Allow to specify some metadata to the page for theme creators.

Redirect to URL

Allow to redirect the page to another page, inside or outside Omeka. It is useful for hard coded links in the footer, to keep track of some clicks, to use the page item/browse as a the home page, or some other use cases.

Resource with html

Simplify the display of a media on the left or the right (see user guide). It is the same block that existed in Omeka Classic [Exhibit file-text].

Search form

Include a specific search form in a specific page. The default query may be adapted to the page via the theme.

Search form and results

Create a full search page with a simple or complex form and the results on the same page. All options should be managed via the theme. To replace item/browse, item-set/browse and even media/browse, you may need to set the page as default action for the search in default template common/search-form.

Showcase

Generic complete block to display any selected resources, site, page, asset or url.

Table of contents (improvement)

The table can be displayed from the root if wanted.

This feature may be integrated in the core.

Tree structure

Display a tree structure from selected resources. The structure is generally built from the property Dublin Core : Has Part.

Twitter

Display the last messages from an account on Twitter. To use it, you may use your own developer bearer token, else the module will try to use an anonymous one.

Technical note: Since December 2020, it is required to get a dev account to fetch messages of a user, because Twitter disabled any standard html endpoint (see this issue on StackOverflow). If you use a dev account, it is not necessarily the one of the thread to follow.

Nevertheless, it is still possible to fetch them with an anonymous bearer token. To get it, check the urls in the dev tools of your browser in the "network" tab. The token is set in the header of the requests to https://api.twitter.com with the key Authorization, for example AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA. This token will be available for the next two years, or less. Anyway, the module fetches it automagically. Nevertheless, it uses some hard coded urls that may change.

Check how to generate a bear token. You need to create an app in your account too. If you can't, try to check the option to use the Api version 1.1.

In all cases, there is a rate limit, but generally largely enough for a common digital library.

New Resource page blocks

  • Resource Type: Display the resource type (item set, item or media).
  • Thumbnail: Display a large thumbnail of the resource
  • Title: Display the title of the resource.

Block

A block that does nothing, but that may be useful for theme developer.

Breadcrumbs

This block displays the breadcrumbs of the current page according to site settings.

Buttons

This block displays buttons to share the current page in a privacy-compliant way. Available buttons are Download, Email, Facebook, Pinterest and Twitter. The config should be set in site settings.

Description

Display the description of the resource.

Media Part Of Item

Add a link to the item from the media.

Messages

Display the messages (notice, warning and errors), like in admin. This block may be useful for modules like Contact Us, Contribute, Guest, Bulk export, etc. that add some interactions with the visitor.

Previous/Next

Allow to display buttons previous resource and next resource in the list.

Warning: to define what is the previous or next resources is not so simple, because it may be the order in a item set, or order in the last results of a research.

For order in item set when an item is in multiple item set, an option in main settings allows to define which property define it. Another option allows to define the default order.

When a search is done, the list is built from the user last browse query, else from natural order or the item set one.

The default order without previous browse or search can be set in site settings for items and item sets. For media, the order is defined in item.

This block requires the module Easy Admin.

It can be used as a theme helper too (see below).

Theme view helpers

Block Metadata

This block provides the same information than the view helper pageMetadata() (see below), but from a block. It is usefull with the simple block to extract params, or to get some informations about the page from anywhere in the theme.

// A simple check is done to make the theme more generic.
$blockMetadata = $plugins->has('blockMetadata') ? $plugins->get('blockMetadata') : null;
if ($blockMetadata) {
    $data = $blockMetadata('params_key_value');
}

Caption Class And Url

The view helper CaptionClassAndUrl() allows to extract the class and the url from the start of a string. The optional class and url may be set at start of each caption like:

url = https://example.org/
class = xxx yyy
Next lines are the true caption.

The initial caption may be an html one.

The output is a simple array containing caption, class, url and a flag for html. Get result like:

[$caption, $class, $url, $isHtml] = $this->captionClassAndUrl($string);

Page Metadata

Allow to add a type to the page, so it’s simpler to have different templates for different pages. It allows in particular to create exhibits inside a site, without creating a new site.

You can add new types in the settings of the site. Then, in your theme, you can get the page type $pageType = $this->pageMetadata('type'); and many other data about the page. If the page is an exhibit, it is possible to build a specific navigation menu of this exhibit too, like in the site Fondation de la Maison de Salins.

To manage multiple types, it’s generally required to edit the template "view/omeka/site/page/show.phtml" of your theme and to add a check:

// A simple check is done to make the theme more generic.
$pageMetadata = $plugins->has('pageMetadata') ? $plugins->get('pageMetadata') : null;
if ($pageMetadata):
    $type = $pageMetadata('type') ?: null;
    switch ($type):
        case 'home':
            $class = 'home';
            // Specific html code…
            break;
        case 'exhibit':
            $class = 'exhibit';
            // Specific html code…
            break;
        case 'exhibit_page':
            $class = 'exhibit-page';
            // Specific html code…
            break;
        case 'simple':
            $class = 'simple-page';
            // Specific html code…
            break;
        default:
            // Generic html code…
            $class = 'page';
            break;
    endswitch;
    $this->htmlElement('body')->appendAttribute('class', $class);
    // …
endif;

Pages Metadata

This view helper allows to get the data of all pages of the same type in the current site. For example, you can get all "exhibit_page". Multiple types can be retrieved at once.

// A simple check is done to make the theme more generic.
$pagesMetadata = $plugins->has('pagesMetadata') ? $plugins->get('pagesMetadata') : null;
if ($pagesMetadata) {
    $data = $pagesMetadata('exhibit_page');
}

Breadcrumbs

A breadcrumb may be added on resources pages via the command echo $this->breadcrumbs();. The default template is common/breadcrumbs.phtml, so the breadcrumb can be themed. Some options are available too. By default, the breadcrumbs for an item use the first item set as the parent crumb. The first item set is the item set with the smallest id. If you want to use another item set, set it as resource in the property that is set in the main settings, or in the options of the view helper.

Buttons Previous/Next

These helpers require the module Easy Admin.

To use it, add the following code in the item, item set, or media show page:

<?php
$plugins = $this->getHelperPluginManager();
$previousNext = $plugins->has('previousNext') ? $plugins->get('previousNext') : null;
?>
<?= $previousNext ? $previousNext($resource) : '' ?>

Two other helpers can be used to manually build the html code:

<?php
$plugins = $this->getHelperPluginManager();
$hasPreviousNext = $plugins->has('previousNext');
?>
<?php if ($hasPreviousNext): ?>
<div class="previous-next-items">
    <?php if ($previous = $this->previousResource($resource)): ?>
    <?= $previous->link($translate('Previous item'), null, ['class' => 'previous-item']) ?>
    <?php endif; ?>
    <?php if ($next = $this->nextResource($resource)): ?>
    <?= $next->link($translate('Next item'), null, ['class' => 'next-item']) ?>
    <?php endif; ?>
</div>
<?php endif; ?>

Last browse page

Allow to go back to the last list of results in order to browse inside item sets, items or media after a search without losing the search results. It can be appended automatically with helper "previousNext()" and option "back" set to true.

Module page template and module block templates

A module can add page and block templates to theme: just add them in the file config/module.config.ini of the module under keys page_templates and block_templates, for example:

    'block_templates' => [
        'asset' => [
            'asset-bootstrap-hero' => 'Block Plus: Bootstrap Hero', // @translate
        ],
    ],

See more info on page templates and block templates in user doc and dev doc.

Usage until version 3.4.21 for Omeka S until v4.0

Select them in the view "Page edit". You may theme them too: copy the block templates that are in view/common/block-layout/ in the same place of your theme.

Improvements in all blocks

The core blocks (Browse preview, Html, Item metadata, Item showcase, List of pages, List of sites, Page title, Table of contents) are improved with two new options:

Heading

Most of the blocks have an option to set a title.

Templates

Most of block have an option to set a specific template, so it’s possible to display these blocks differently in the same page or on different pages.

Warning

When a block allows to select a template, the filename must start with the same string than the original template, for example "table-of-contents-pages.phtml" for the block "TableOfContents".

Furthermore, it should exists in a module or in the current theme. When the template is missing, for example when switching into another theme, the default of the template is used. Thereby, when the module or the theme that has this template is replaced, you have to check the pages that use it.

New blocks and specific improvements

Asset (improvement)

Since the integration of "asset" in Omeka 3.1, this block is an improved version of the core block "asset". It can list assets with optional link to pages, labels and caption. The assets are not required to be filled, so it allow to display any list of contents.

Unlike the upstream version, it has a specific class option at asset level and supports templates. Some templates are available: "asset-block", "asset-hero-bootstrap", "asset-left-right" and "asset-partners".

Block

See above.

Browse preview (improvements and templates)

The block Browse preview has new fields to display sort headings and pagination, so it's now possible to have a specific list of items, like the main browse view.

For the specific templates, see above.

D3 Graph

See above.

Division

Allow to wrap a block or multiple block with a div. in particular to create columns. Divisions can be nested. The css should be prepared in the theme to managed them. By default, only a simple aside column of 30% is available with class column align-right (or left).

External content

See above.

HTML (templates)

See above.

Item Set showcase

See above.

Mirror page

See above.

Page date

Display the date of the creation and/or modification of the current page. See Omeka issue #1706.

Redirect to URL

See above.

Resource with html

See above.

Search form

See above.

Search form and results

See above.

Separator

Allow to set a div with a specific class between two blocks. May be useful to fix some css issues, or to increase space between some blocks. The content of the block is:

<div class="break separator"></div>

Replaced by block "Line Break".

Showcase

See above.

Table of contents (improvement)

See above.

Twitter

See above.

Theme view helpers

See above.

Migration of themes in version v3.4.22

Warning: when a page is saved, all remaining settings that are not managed by the form are removed. So the best way to see issues is to load all pages before migration and to load all pages after migration AND resaving each page.

See more info on page templates and block templates in user doc and dev doc.

Core blocks are no more overridden

The following blocks are no more overridden:

  • Asset (but additional templates were added to support asset class and url via caption, and html caption)
  • Browse preview
  • Item showcase (renamed media)
  • Item with metadata
  • Html
  • List of pages
  • Page date
  • Page title

The following blocks are no more overridden, but contains a fix/feature and will be removed soon when integrated upstream: - List of sites - Table of contents

Move specific block-layout templates to block-template templates

The new templating mechanism of Omeka S v4.1 uses a new directory in theme to allow to use block template. You should move all templates from view/common/block-layout to view/common/block-template that were a template managed by this module, but not the default templates named like the original ones.

For example, if you used the block "Block" with the default template customized in your theme, let it as "view/common/block-layout/block.phtml". But if you used the same block with a module template, move it to "view/common/block-template/block-glossary.phtml".

Then, you should add the specific templates in the file config/theme.ini of the theme.

New names of deprecated templates

Some templates are deprecated and were renamed with a "-plus" and moved in directory view/common/block-template. The migration moved the option to use the new template name.

  • "asset" => "asset-deprecated-plus"
  • "browse-preview" => "browse-preview-deprecated" or "search-results-browse-preview-deprecated"
  • "item-with-metadata" => "item-with-metadata-deprecated"
  • "list-of-pages" => "list-of-pages-deprecated"
  • "list-of-sites" => "list-of-sites-deprecated"
  • "item-showcase" => "media-item-showcase-deprecated",
  • "file-item-showcase" => "media-item-showcase-deprecated"
  • "table-of-contents" => "table-of-contents-deprecated"

This template was renamed, but not deprecated: - "page-date-time" => "page-date-time-plus"

You should add the specific templates in the file config/theme.ini of the theme if you really need them. Else, it is recommended to use the default template.

You should check the styles of all of them.

Check styles for blocks heading and html

The option heading of all blocks were removed. A new block "Heading" was added and the migration prepended it automatically. But the <div> is no more inside the <div> of the previous block and the heading level is always converted to 2, whatever the level was.

Warning: the block "Browse preview" still uses the setting "heading".

It is the same for the option html that was added in some blocks and moved to a prepended standard block "html".

The core migration used the option alignment too in some blocks, that may have created some style issues too.

Check dynamic classes "$divclass", "$class", and "$className"

These classes were added to a main div of the block. They are now managed by the core, that separated styling. These values are now managed in a upper div and the migration moved them to the new layout data.

You should remove them from the phtml files of the themes and check if styles is right in all pages.

Block Asset

For block Asset, the keys "class" and "url" of assets were moved to the top of the caption and automatically extracted in templates.

url = https://example.org/
class = xxx yyy
Next lines are the true caption.

You should check the theme manually if you use this feature and get class and url like other asset templates:

[$caption, $class, $url, $isHtml] = $this->captionClassAndUrl($attachment['caption']);

Block Browse preview

The block Browse Preview is no more managed by this module. Support of options "html", "sort_headings" and "pagination" were removed. Check your themes if you used it, or use block Search Results.

Normally, the migration converted this block into a block Search Results when the specific features were used, else converted it in a block template for block Browse Preview.

Furthermore, the variable $site is no more available in block templates for Browse Preview, so you should add $site = $block->page()->site(); or $site = $this->currentSite() if you need it.

You should fix the theme manually.

Block Division

The block Division was removed. When the divisions were flat, they were converted into a group of blocks, a new feature of Omeka S v4.1.

When the divisions were nested, the migration was not done, so you should do it manually with page template "grid" and/or block groups.

Furthermore, the option "tag", that can be "div" or "aside", is no more managed.

Block Html

The variable $html is no more available in templates for block Html, so you should get it via $block->dataValue('html', ''). A list of matched files was added during migration and is available in logs.

You should fix the theme manually.

Block Item Showcase (renamed Media)

The block Item Showcase was renamed Media in Omeka S v4.1. The option "linkType" was renamed "link".

You should fix the theme manually.

Block Separator, replaced by block Line Break

The block class is now in the block template, so you may check styles.

Module upgrade

For modules that used the form select element "template", you should do the same migration and use the same mechanism of block template. The select element will be removed in a future version.

TODO

  • [ ] Merge more similar blocks into a main block (with automatic upgrade).
  • [x] Integrate Shortcodes (module Shortcode)
  • [x] Integrate Menu (module Menu)
  • [ ] Merge module Menu inside BlockPlus?
  • [ ] Normalize breadcrumbs.
  • [ ] Integrate attachments for block Showcase
  • [ ] Integrate sidebar forms for block Showcase
  • [ ] Auto-create asset when image is uploaded in a Html field.
  • [ ] Update site of mirror page to get good url for $resource->siteUrl().
  • [x] Merge PageDate with upstream PageDateTime.
  • [ ] Use new events "sort-config" and "view.sort-selector" to order item in item sets.

Warning

Use it at your own risk.

It’s always recommended to backup your files and your databases and to check your archives regularly so you can roll back if needed.

Troubleshooting

See online issues on the module issues page on GitLab.

License

Module

This module is published under the CeCILL v2.1 license, compatible with GNU/GPL and approved by FSF and OSI.

In consideration of access to the source code and the rights to copy, modify and redistribute granted by the license, users are provided only with a limited warranty and the software’s author, the holder of the economic rights, and the successive licensors only have limited liability.

In this respect, the risks associated with loading, using, modifying and/or developing or reproducing the software by the user are brought to the user’s attention, given its Free Software status, which may make it complicated to use, with the result that its use is reserved for developers and experienced professionals having in-depth computer knowledge. Users are therefore encouraged to load and test the suitability of the software as regards their requirements in conditions enabling the security of their systems and/or data to be ensured and, more generally, to use and operate it in the same conditions of security. This Agreement may be freely reproduced and published, provided it is not altered, and that no provisions are either added or removed herefrom.

Carousel

MIT license.

CKEditor 4

One of the CKEditor ones [GPL].

CKEditor 4 footnotes

One of the CKEditor ones [GPL]. See [CKEditor-Footnotes].

D3

ISC License (equivalent to MIT)

Gallery of images

See MIT license here: http://tympanus.net/codrops/licensing/ The original template was fixed by KevinMwangi and updated for newer version of components (modernizr, smartresize, imagesloaded).

Copyright

  • Copyright Daniel Berthereau, 2018-2024 (see Daniel-KM on GitLab)
  • Copyright Codrops, 2013 (image gallery, see vendor/ for more infos)
  • Copyright Andy Kirk, 2014-2021 (See https://github.com/andykirk)
  • Copyright Jan Sorgalla, 2014 (See http://sorgalla.com/jcarousel)
Version Released Minimum Omeka version
3.4.22June 10, 2024 [info]^4.1.0
3.4.22-betaJune 03, 2024 [info]^4.1.0
3.4.22-alpha.2May 27, 2024 [info]^4.1.0
3.4.22-alphaApril 29, 2024 [info]^4.1.0
3.4.21January 08, 2024 [info]~4.0.0
3.4.20November 20, 2023 [info]^4.0.0
3.4.19September 04, 2023 [info]^4.0.0
3.4.18July 03, 2023 [info]^4.0.0
3.4.17June 19, 2023 [info]^4.0.0
3.4.16June 12, 2023 [info]^4.0.0
3.4.15.10February 27, 2023 [info]^4.0.0
3.4.15.9January 16, 2023 [info]^4.0.0
3.4.15.8January 10, 2023 [info]^4.0.0
3.4.15.7January 09, 2023 [info]^4.0.0
3.3.15.6December 19, 2022 [info]^3.1.0
3.3.15.5November 28, 2022 [info]^3.2.0
3.3.15.4November 21, 2022 [info]^3.2.0
3.3.15.3October 03, 2022 [info]^3.2.0
3.3.15.2September 26, 2022 [info]^3.2.0
3.3.15.1July 04, 2022 [info]^3.2.0
3.3.15March 21, 2022 [info]^3.2.0
3.3.14.2March 07, 2022 [info]^3.1.0
3.3.14.1January 17, 2022 [info]^3.1.0
3.3.14.0December 13, 2021 [info]^3.1.0
3.3.13.2October 25, 2021 [info]^3.1.0
3.3.13.1October 18, 2021 [info]^3.1.0
3.3.13.0October 11, 2021 [info]^3.0.0
3.3.12.0July 19, 2021 [info]^3.0.0
3.3.11.9July 12, 2021 [info]^3.0.0
3.3.11.8June 28, 2021 [info]^3.0.0