Secure datasets marker

Hi Yvonne,  we have had a similar idea to this recently, and I’ve been looking at lots of other portals to see if someone has done something similar. 

I have found Seine Ouest’s portal: https://seineouest.opendatasoft.com/explore/ and Digital Wallonia’s:  https://digitalwallonia.opendatasoft.com/explore/

Where they have used a custom Catalog card to show an image on their cards if certain conditions are met. I think it should be possible to do this with the “visibility” field for each dataset.

This isn’t something we’ve actually tried yet, so I can’t confirm if it works or not. If you do this, please let us know how it goes. 

thanks ​@matthew.parry - this looks like it would be a good solution.  Do you have any suggestions on how we could include a marker at the Title level (maybe between the dataset title and the “edit” button) or on the Information tab?
 

I don’t know if it is possible to edit the dataset pages themselves - I think the only thing you could do is to fill in the metadata field for only those datasets where you want it to show up. You may also be able to do something with the HTML mode for filling in the description box.

​@matthew.parry 

Worked it out.  At least for the catalog card.  I just added 
    <i class="fa fa-lock ods-status-info" style="color: red; font-size: 28px;"  aria-hidden="true" ng-show="dataset.metas.visibility == 'restricted'"></i>
 

in the stylesheet and it looks like it works :)  

Just trying to work out how to (if we can) do it on the Dataset page too now.  😅

on the Dataset page we have also worked out how to do this and used a red icon to mark it same as we did for the catalog card
 

.ods-app-explore-dataset[ctx-dataset-schema*='\"visibility\": \"restricted\"'] .ods-dataset-visualization__dataset-title-text::after {

    content: ' \f023'; /* Single space followed by Font Awesome lock icon Unicode */

    font-family: 'FontAwesome'; /* Ensure Font Awesome is used */

    color: red; 

    margin-left: 2px; 

    font-size: 28px;

    display: inline-block;

    vertical-align: top; 

}