diff --git a/solid-resource.js b/solid-resource.js index 186cc04a241bcbd6ab6bfe42ca5253c8696be6e1..c6a009fb1d79087d56f2626a8affdc3318dd6f7c 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"