Giter Club home page Giter Club logo

geonetwork-dutch-skin's Introduction

A custom view for GeoNetwork 4.2.x: 'Dutch Government Skin'

This project contains a skin for the GeoNetwork Opensource project at https://github.com/geonetwork. A skin generally consists of a number of overrides for templates (html), styles (less) and scripts (js). The skin can be added to a GeoNetwork core sources as a git submodule or as a zipfile to a pre-build WAR.

Version 4.2 is rebuilt from the ground up. It's closely matched with the version 4.2.x of GeoNetwork OpenSource (main branch).

This version replaces version 4.0.

Homepage

Features:

  • Design slightly follows dutch rijkshuisstijl
  • PDOK background layers as map backgrounds
  • PDOK locationserver as gazetteer

This work has been started by PDOK and is further maintained by the GeoNetwork Usergroup Netherlands. If you find any issues, use the Github issue tracker here https://github.com/osgeonl/geonetwork-dutch-skin/issues.

A preconfigured skin is available as Docker image at https://hub.docker.com/r/geocat/geonetwork-nl/

The license of the project is GPLv2.

Installation instructions

If at build time (mvn install)

  • Initialise the skin as a git submodule in /web-ui/src/main/resources/catalog/views
git submodule add -b 4.2.x https://github.com/osgeonl/geonetwork-dutch-skin.git web-ui/src/main/resources/catalog/views/dutch
git submodule init

If at run time (WAR)

Settings

Then do some additional settings on the main project:

General

Set custom search list items

In Admin > Settings > User Interface select the option to show the logo in the Header.

  • Change the default template to ../../catalog/views/dutch/templates/list.html

Layout width

Change the width of the page to a fixed width:

  • Go to Settings > User Interface > Top toolbar > Fluid container for Header and Top menu and uncheck the option
  • Go to Settings > User Interface > Home page > Fluid container for Home and Search and uncheck the option

Do not change:

  • Editor width: Go to Settings > User Interface > Editor application > Fluid container for the Editor and make shure the option is checked

Custom background layers for the Map

On Admin > Settings and Admin > Settings > User Interface set the default map to load to use the thematic map with pdok-backgrounds at ../../catalog/views/dutch/config-nl-viewer.xml

Tabbed interface for related elements

The content and layout of the related elements (links, downloads, etc) can be changed in the admin interface. In order to change it, go to Admin > Settings > User Interface > Record View and look for the distribution configuration, this is a JSON file where default the "layout" is left empty, but when you enter tabset, tabs are being used. Like this: "layout": "tabset",

Tabbed interface

How to add facets?

Go to Admin > Settings > User Interface > Display filter tags in the search results and select the option, and unselect the optiopn if you don't want the facets on the search results.

Finally

  • (re)start the service
  • Verify the view by browsing to catalog.search?view=dutch.
  • If Ok, then alter the setting "view" to "dutch" in Admin > Settings

geonetwork-dutch-skin's People

Contributors

fxprunayre avatar josegar74 avatar juanluisrp avatar michelgabriel avatar pascallike avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

geonetwork-dutch-skin's Issues

rapport maken van een subset aan records op basis van een geavanceerd zoeken filter

in nl skin zijn de check-boxen voor record selectie gedeactiveerd, waardoor het niet mogelijk is een rapport te maken van een record selectie.

in "metadatabeheer" zijn juist de geavanceerde zoek opties niet beschikbaar

In de code zie ik een isAdmin check voor weergave van checkboxen, dus blijkbaar is wel bedoeld om aan publieke zijde alsnog checkboxen te tonen als user ingelogd is als admin, echter dit werkt niet, hier checkboxen tonen (voor role (user)admin) lost dit probleem op

image

list view on dutch 3.8

on v 3.8 the list.html view of search results has big font for header and could align some wider

image

verbeteren van de download sectie weergave

suggesties vanuit RWS:

Bij WCS mag voeg toe aan kaart weg. Want wcs kan je niet direct visualiseren. Dat doe je met wms and arcgis rest.
Van de arcgis feature service zou ik knop maken open link zodat je de capabilities van de service ziet en je dan naar de viewer van arcgis online kun komen.
Ik zou het uitschrijven de de hele url weglaten en ook meer info over type service.
Dus net zoals bij downloads het geval is. Kort en overzichtelijk.
Ik twijfel nog of je een wms ook wilt kunnen openen (kopieren, openen in qgis). Maar dat kan je ook via kopie in je browser doen. In theorie zit je geen url te kopie pasten maar zoek je in je client op basis van CSW en voeg je daar data toe.

4 tabbladen: webservices, downloads, featurecatalog en metadata links

image

image

icon voorstel:
image

thumbnail is not scaled to fit

De thumbnails bij de datasets worden “niet goed” getoond in lijstweergave, er wordt ingezoomd (werkelijke grootte?) op een deel van de foto.
In de vorige versie werd er uitgezoomd op het extend van de afbeelding en dat lijkt me beter.

image

Catalogus logo wordt verkleind getoond in IE via Citrix

In bijna alle browsers wordt het logo in juiste formaat weergegeven (280 x 70 pixels).

Alleen in de omgeving Citrix met IE (versie 11) de standaard browser is, wordt het logo klein weergegeven (112 x 28 pixels).

Probleem zit waarschijnlijk in

Wanneer ik op inspect element klik, zie ik onderstaande instellingen

image

De max height staat ingesteld op 28 pixels. Dit verklaart dat het logo wordt weergegeven op 112 x 28 pixels. Door het vinkje voor max-height uit te zetten, krijgt het logo de oorspronkelijke grootte (340 x 85 pixels).

In Firefox staat de 28 pixels instelling doorgestreept:

hoe kunnen we ervoor zorgen dat het logo in IE net zo wordt weergegeven als in de andere browsers?

category inspire triggers inspire tab in metadata view

The current behaviour is that a category=inspire has to be set on a record in order to display the inspire tab on md-view.

Is this a nice convention for the dutch skin, or should we make it unique for the ngr implementation?

users can't change password

in the dutch skin the link to update the password has been accidentally removed (it is available in the admin area). Link should be on username, and link to srv/dut/admin.console#/organization/users

missing translations on metadata view

  • Herzieningsfrequentie: de gegevens worden in het Engels weergegeven (bijv. unknown of annually)
  • ValidationStatus: graag de Engelse term veranderen naar een Nederlandse term, bijv. validatie status

image

Upgrade the skin to support GeoNetwork 3.10

Trying to use the 3.8.x branch of the skin in GeoNetwork 3.10.x causes the following issue:

Error: [$injector:modulerr] Failed to instantiate module ol.proj.EPSG28992 due to:
TypeError: Cannot read property 'setExtent' of null
    at http://localhost:8080/geonetwork/catalog/views/dutch/javascript/epsg28992.js:25:38

Probably related to the recent upgrade of OpenLayers in GeoNetwork.

Created this issue to create a new branch in the skin 3.10.x and upgrade the code to work with GeoNetwork 3.10.x.

Readme file not very clear at some points

What has to be done with this step:
In /WEB-INF/config/config-summary.xml, configure the facets to be displayed on the search results.? Which facets have to be configured?

And what has to be done in this step:
In /catalog/js/gnLocale.js, reference the skin language override file /catalog/views/dutch/locales/nl-core.json? How and where do you reference the skin?

map in editor not functional

Seems the epsg:28992 projection is not available to the editor, for now do not set the editor map projection to epsg:28992, else you'll get the error below

image

TypeError: Cannot read property 'getCode' of null
at Object.ol.proj.getTransformFromProjections (/geonetwork/catalog/lib/ngeo/ngeo-debug.js:6958:47)
at Object.ol.proj.getTransform (/geonetwork/catalog/lib/ngeo/ngeo-debug.js:6941:18)
at Object.ol.proj.transformExtent (/geonetwork/catalog/lib/ngeo/ngeo-debug.js:7042:29)
at Object.reprojExtent (/geonetwork/catalog/components/common/map/mapService.js:302:30)
at reprojExtent (/geonetwork/catalog/components/common/map/mapDirective.js:166:35)
at link (/geonetwork/catalog/components/common/map/mapDirective.js:179:14)

search within a geometry fails

if you select 'binnen' (within), the filter is not applied

this functionality works fine in core, so there should be some code in dutch-skin breaking this

image

Import valid record does not validate (NL profile ISO 19119 2.0)

Describe the bug
When importing a valid metadata record that conforms to "Nederlands profiel op ISO 19119 voor services versie 2.0" with validation enabled, validation is unsuccessful.

To Reproduce

  1. Log in as user with rights to create metadata records
  2. Go to the "Mijn Metadata" dropdown button on top of the page and choose "Records Toevoegen"
  3. On the "Records Importeren" page:
  • choose the "Importeer een of meer lokale bestanden" radio option
  • check the checkbox "valideren"
  • select import action "Genereer een UUID voor de nieuwe metadata"
  • upload this service metadata record

See also the attached screenshot.

Expected behavior
Record validates and is imported to the catalog.

Screenshots
Screenshot from 2019-09-27 10-03-28

Context

  • Op https://nationaalgeoregister.nl/
  • Afgeleide versie: 3.4.4-2-269-dirty
  • Commit hash: ca2379be7533592b4cee46258d62db62478aafb4

Validation status label service record incorrect

Description

Validation status for a service metadata record (ISO19110) reads: Valide (iso19139.nl.services.2.0.0). See example here.

Screenshot from 2019-09-27 11-18-45

Expected behavior

Validation status should read: Valide (iso19110.nl.services.2.0.0).

align dutch skin header with core and introduce top menu

the specialisation of dutch skin to have logo in a header bar is now available in core as a configuration option, dutch skin should be updated to facilitate configuration of this option.

Ngr has a top menu added as a customisation, would be good to introduce this menu also in the dutch skin (and core?). The menu uses the static-pages-list-viewer directive with a section=top:

image

<div class="pull-right hidden-xs contact-links">
    <ul style="list-style:none;margin-left:0;margin-right:10px">
       <li gn-static-pages-list-viewer=""
        data-section="top" style="float:left"
        data-language="{{lang}}"></li>
      </ul>
  </div>

the top menu will only be visible if 'logo in header bar' is activated, it will probably position left if the logo is positioned right and vice versa

opensearch from chrome has some characters resulting in 0 results

this problem does not occur on vanilla server, so my guess it relates to the dutch skin

this article describes how chrome facilites an opensearch use case, type the url, hit tab, type a term and hit enter. if chrome detects that this website has an opensearch interface, it will delegate the search to the opensearch mechanism of the website.

for geonetwork typing a url, tab and term works fine in chrome, however when hitting enter it will run a query including 2 spatial filters always returning 0 results

image

These filters are advertised in opensearch configuration, and may be suggested by the inspire opensearch recommendations...

image

Tabblad contacten werkt niet als er geen bron links zijn

Wanneer er geen link naar een bron is aangemaakt (en daardoor alleen de tabbladen ‘Beschrijving’ en ‘Contact gegevens’ beschikbaar zijn) wordt het tabblad ‘Contact gegevens’ niet zichtbaar als je er op klikt (zie onderstaande afbeelding). Als er wel een link naar een bron is aangemaakt (en er daardoor drie tabbladen beschikbaar zijn) werkt het tabblad ‘Contact gegevens’ wel.

search by location+refresh blocks panning

I can not reproduce this on vanilla geonetwork, so i guess it is related to dutch view (locatieserver search).

Reproduce by:

  • load a dutch map in epsg:28992 in a clean browser
  • notice that panning works fine
  • zoom to an address (with location search)
  • refresh the page (f5)
  • try to pan to other side of country
    -> the map prevents panning outside the initial location found with the search control

Validating record results in empty message

Description

Validating metadata record from "Mijn metadata" page results in empty message [object Object], see screenshot.

Screenshot from 2019-09-27 11-31-08

Steps to reproduce:

  • Go to "Mijn metadata" page
  • Select any valid record
  • Validate the selected record

Expected behaviour

Validating valid metadata should result in a meaningful message.

Context

Op https://nationaalgeoregister.nl/
Afgeleide versie: 3.4.4-2-269-dirty
Commit hash: ca2379be7533592b4cee46258d62db62478aafb4

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.