From b75da1b0caab9a74704b8e0986054331f1fc7014 Mon Sep 17 00:00:00 2001
From: Fabien Quatravaux <fabien.quatravaux@riseup.net>
Date: Mon, 1 Mar 2021 14:49:22 +0100
Subject: [PATCH] update: Allow the calling app to customize the associated
circle label
---
solid-resource.js | 12 ++++++++----
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/solid-resource.js b/solid-resource.js
index 186cc04..c6a009f 100644
--- a/solid-resource.js
+++ b/solid-resource.js
@@ -26,6 +26,7 @@ export class SolidResource extends SolidTemplateElement {
nestedField: 'nested-field',
extraContext: 'extra-context',
idPrefix: 'id-prefix',
+ associatedCircleLabel: 'associated-circle-label',
}
}
@@ -42,10 +43,13 @@ export class SolidResource extends SolidTemplateElement {
})
}
- template({dataSrc, nestedField, typeRange, circleRange, keywordRange, uploadDir, idPrefix}) {
+ template({dataSrc, nestedField, typeRange, circleRange, keywordRange, uploadDir, idPrefix, associatedCircleLabel}) {
if (!dataSrc) return '';
let sourceUrl = dataSrc + (nestedField ? nestedField + '/' : '');
+ // allow the calling app to override the associated circle label
+ if(!associatedCircleLabel) associatedCircleLabel = this.localize('label.resource_circle')
+
return `
<div class="solid-resource">
<script id="resource-context" type="application/ld+json">
@@ -80,7 +84,7 @@ export class SolidResource extends SolidTemplateElement {
fields="type, keywords, circle"
label-type="${this.localize('label.resource_type')}"
label-keywords="${this.localize('label.resource_keywords')}"
- label-circle="${this.localize('label.resource_circle')}"
+ label-circle="${associatedCircleLabel}"
range-type="${typeRange}"
range-keywords="${keywordRange}"
range-circle="${circleRange}"
@@ -189,7 +193,7 @@ export class SolidResource extends SolidTemplateElement {
widget-longdesc="p"
widget-id="resource-delete"
widget-circle="res-multiple-label-ifnotvoid"
- label-circle="${this.localize('label.resource_circle')}: "
+ label-circle="${associatedCircleLabel}: "
multiple-keywords="solid-multiple-label"
multiple-keywords-fields="name"
@@ -259,7 +263,7 @@ export class SolidResource extends SolidTemplateElement {
label-name="${this.localize('label.resource_title')}"
label-document="${this.localize('label.resource_document')}"
label-link="${this.localize('label.resource_link')}"
- label-circle="${this.localize('label.resource_circle')}"
+ label-circle="${associatedCircleLabel}"
widget-name="solid-form-label-text"
widget-circle="solid-form-dropdown-label"
--
GitLab