mirrors
/
TiddlyWiki5
mirror of https://github.com/Jermolene/TiddlyWiki5
1
0
Fork 0
Code Issues Releases Wiki Activity

Consent widget 

Block the raw widget unless consent has been granted. This is helpful because the tw2parser generates <$raw> widgets for content embedded with <html>, and thus this blocks YouTube embeds.
This commit is contained in:
jeremy@jermolene.com 2020-07-13 11:49:21 +01:00
parent a0db3abe99
commit d505eeb269
2 changed files with 88 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
plugins/tiddlywiki/consent-banner/config/blocked-raw-message.tid Normal file
View File

@ -0,0 +1,19 @@
title: $:/config/plugins/tiddlywiki/consent-banner/blocked-raw-message
<div class="tc-blocked-embedded-content" style="width:100%;">
<div class="tc-blocked-embedded-content-inner">
<div class="tc-blocked-embedded-content-inner-inner">
Blocked raw content
<hr/>
{{$:/plugins/tiddlywiki/consent-banner/buttons/accept}} cookies to unblock
</div>
</div>
</div>

69
plugins/tiddlywiki/consent-banner/raw-widget.js Normal file
View File

@ -0,0 +1,69 @@
/*\
title: $:/core/modules/widgets/raw.js
type: application/javascript
module-type: widget
An override of the raw widget that blocks raw content until the user has consented to accept cookies
\*/
(function(){
/*jslint node: true, browser: true */
/*global $tw: false */
"use strict";
var Widget = require("$:/core/modules/widgets/widget.js").widget;
var RawWidget = function(parseTreeNode,options) {
this.initialise(parseTreeNode,options);
};
/*
Inherit from the base widget class
*/
RawWidget.prototype = new Widget();
/*
Render this widget into the DOM
*/
RawWidget.prototype.render = function(parent,nextSibling) {
this.parentDomNode = parent;
this.execute();
this.blocked = this.getVariable("tv-block-embedded-content","no") === "yes";
if(this.blocked) {
this.makeChildWidgets([{
type: "transclude",
attributes: {
tiddler: {type: "string", value: "$:/config/plugins/tiddlywiki/consent-banner/blocked-raw-message"}
}
}]);
// Render child widgets
this.renderChildren(parent,null);
} else {
var div = this.document.createElement("div");
div.innerHTML=this.parseTreeNode.html;
parent.insertBefore(div,nextSibling);
this.domNodes.push(div);
}
};
/*
Compute the internal state of the widget
*/
RawWidget.prototype.execute = function() {
};
/*
Selectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering
*/
RawWidget.prototype.refresh = function(changedTiddlers) {
if(this.blocked) {
return this.refreshChildren(changedTiddlers);
} else {
return false;
}
};
exports.raw = RawWidget;
})();