Skip to content

IDR/idr-gallery

 
 

Repository files navigation

IDR gallery

This is an OMERO.web plugin (Django app) that provides a 'gallery' view of images in OMERO, ideal for public browsing without editing.

Also see SUPPORT.md

Requirements

  • OMERO.web 5.6.0 or newer.

Installing from PyPI

This section assumes that an OMERO.web is already installed.

Install the app using pip:

$ pip install -U idr-gallery

Add gallery custom app to your installed web apps:

$ omero config append omero.web.apps '"idr_gallery"'

Now restart OMERO.web as normal.

IDR.gallery overview

This UI was developed for use in the IDR and can be seen at https://idr.openmicroscopy.org/. In the IDR, a "Study" is a Project or Screen and they are annotated with Key-Value data in the form of Map Annotations, for example Study Type: 3D-tracking. The UI supports several features based on these Key-Value attributes:

  • Home page shows 'Categories' that are defined by queries on Map Annotations.
  • Filter studies by Map Annotations.

If Images are also annotated with Map Annotations and https://github.com/ome/omero-mapr/ is installed then you can:

  • Find Studies containing Images that match queries on their Map Annotations.

Configuring the UI

omero.web.gallery.category_queries: To enable the Categories UI, you must set omero.web.gallery.category_queries. If this is not set, you will see the Default UI shown above and the other settings described below will be ignored.

Each Category is defined by a display label, a query to select the Projects and Screens and an index to specify the order they appear on the page. Most of the examples below are used in the IDR. You can view the Categories at https://idr.openmicroscopy.org/ and see the query for each as a tooltip on the label of each category.

In the simplest case, if you do not have Map Annotations on Studies (Projects and Screens), you can simply sort by Name. This example defines a Category: "All Studies" to show the first 50 studies by Name:

$ omero config set omero.web.gallery.category_queries '{
  "all":{"label":"All Studies", "index":0, "query":"FIRST50:Name"}
  }'

Other categories are defined by queries on Map Annotations. For example, to show all Studies that have Key:Value of Study Type: 3D-tracking:

$ omero config set omero.web.gallery.category_queries '{
  "tracking":{"label":"3D tracking", "index":0, "query":"Study Type: 3D-tracking"}
  }'

Queries can use the AND and OR keywords to combine queries:

$ omero config set omero.web.gallery.category_queries '{
  "time":{"label":"Time-lapse imaging", "index":0, "query":"Study Type: 3D-tracking OR Study Type: time"},
  "screens":{"label":"High-content screening (human)", "index":1, "query":"Organism:Homo sapiens AND Study Type:high content screen"}
  }'

omero.web.gallery.filter_keys: If this is configured then the gallery will allow filtering of Screens and Projects by Key:Value pairs linked to them, or use Name to filter by Name or Group to filter by Group. This list defines which Keys the user can choose in the UI. On selecting a Key, the user will be able to filter by Values typed into an auto-complete field.

Each item is a simple string (matching the Key) or an object with a label and value, where value matches the Key. An example based on IDR:

$ omero config set omero.web.gallery.filter_keys '[
    "Name",
    "Imaging Method",
    "Organism",
    {"label": "Publication Authors", "value": "Authors"}
]'

omero.web.gallery.title: Sets the html page `<title>title</title>` for gallery pages.

omero.web.gallery.top_left_logo: This setting can be used to replace the 'IDR' logo at the top-left of the page with an image hosted elsewhere (png, jpeg or svg). It will be displayed with height of 33 pixels and maximum width of 200 pixels:

$ omero config set omero.web.gallery.top_left_logo '{"src": "https://www.openmicroscopy.org/img/logos/ome-main-nav.svg"}'

omero.web.gallery.heading: Replace the "Welcome to IDR.gallery" heading on the home page.

omero.web.gallery.top_right_links: This specifies a list of links as {'text':'Text','href':'www.url'} for the top-right of each page. If a link contains 'submenu':[ ] with more links, these will be shown in a dropdown menu:

$ omero config set omero.web.gallery.top_right_links '[
    {"text":"IDR", "href":"https://idr.openmicroscopy.org/"}
]'

omero.web.gallery.favicon: Set a URL to a favicon to use for the browser.

omero.web.gallery.study_short_name: This specifies a short name for Screen or Project to show above the study Image in the categories or search page, instead of the default 'Project: 123'. The list allows us to try multiple methods, using the first that works. Each object in the list has e.g. {'key': 'Name'}. The 'key' can be Name, Description or the key for a Key:Value pair on the object. If a 'regex' and 'template' are specified, we try name.replace(regex, template). In this example, we check for a Key:Value named "Title". If that is not found, then we use a regex based on the object's Name. This example is from the IDR, where we want to create a short name like idr0001A from a Name like: idr0001-graml-sysgro/screenA:

$ omero config set omero.web.gallery.study_short_name '[
    {"key":"Title"},
    {"key":"Name", "regex": "^(.*?)-.*?(.)$", "template": "$1$2"},
]'

Release process

  • occasionally update totalImages and other fallback counts in loadStudyStats()
  • review and update the CHANGELOG
  • run bumpversion release to remove the dev suffix and create a signed tag
  • run bumpversion --no-tag patch to bump the version to the next dev suffix
  • push the newly created tag and master to origin. e.g. git push origin master v3.3.3
  • the GitHub action build for the tag includes a PyPI deployment step, so no need to deploy on PyPI manually

License

idr_gallery is released under the AGPL.

Copyright

2016-2023, The Open Microscopy Environment

Packages

No packages published

Languages

  • JavaScript 53.8%
  • HTML 21.0%
  • Python 19.6%
  • CSS 5.6%