Vocabulary Home twig-templates

[joelit]

Description of the enhancement

• Layout follows the visual spec
• Layout colours are implemented using variables
• Main content should be laid out with Bootstrap grid instead of tables
• Show the title only once, if it's present in the data twice (eg. Once in the configuration and once in the vocabulary)
  • Language tag next to title if applicable
• Supported content languages shown
• Property labels should be capitalized
• Property values should be sorted using locale-specific collation rules
• Properties with resource values:
  • If suitable label not found, display label in another language, or shortened URI if all else fails
• Properties with literal values
  • Show values with HTML content
  • Show data types
  • Format date property values such as xsd:date and xsd:dateTime according to the content language (or UI language?)
• Download link texts should be spaced
• Make sure all values in the content language have appropriate language attributes in HTML
• Use heading levels
• Enable Axe accessibility tests
• Check responsiveness for different screen sizes
• Generate download URLs in PHP code, not in Twig template
• CSS:
  • Refer to CSS Improvements for Vocabulary Front Page #1684
  • Remove unused CSS selectors in skosmos.css
    • #topbar.vocabpge
    • #topbar.vocabpage a
    • #headerbar.vocabpage
    • #skosmos-logo
    • #main-container.vocabpage #sidebar
    • #main-container.vocabpage #sidebar .page-link:active
    • #main-container.vocabpage #sidebar .page-link:focus
• Vue-templates
  • Resource statistics
    • Title row should be separated with a dark horizontal line
    • Title should be in the content language
    • Tabe rows should not have horizontal borders
    • Subtypes of Concept and subtypes of Collection should be indented and have &bull-symbols
  • Label statistics
    • Title should be in the content language
    • Column headers should be in the content language
    • Title row should be separated with a dark horizontal line
    • Tabe rows should not have horizontal borders

Extra features that need discussion

• Special treatment for reified resource values (e.g. show tooltips with extra information)
• Show SKOS XL labels & extra information (e.g. tooltips)
• If suitable label not found, display label in another language
• Truncate property value lists that are longer than set number of items with "show all X values" button