mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-07-23 12:22:51 +00:00
Code Issues Releases Wiki Activity

DynaView plugin: make viewport dimensions available in state tiddlers (#3126)

Browse Source 
* add export-viewport-dimensions functionality

* add config.tid

* add config to plugin.info list

* typo

* update docs.tid

* change default tiddler to $:/state/viewport

* change default to $:/state/viewport

* Update dynaview.js

* changes as discussed - lingo missing
This commit is contained in:
BurningTreeC 2018-02-18 13:04:35 +01:00 committed by Jeremy Ruston
parent cda43f2ef8
commit 042e9185a9
4 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/tiddlywiki/dynaview/config.tid Normal file
View File

@ -0,0 +1,4 @@
title: $:/plugins/tiddlywiki/dynaview/config
<$checkbox tiddler="$:/config/ViewportDimensions" field="text" checked="yes" unchecked="">&nbsp;&nbsp;enable dynamic saving of the viewport dimensions</$checkbox>
- //the values get stored in // $:/state/viewport/width and $:/state/viewport/height

1
plugins/tiddlywiki/dynaview/docs.tid
View File

@ -7,6 +7,7 @@ The components of this plugin include:
* A background task that: * A background task that:
** performs specified actions when elements are scrolled into view ** performs specified actions when elements are scrolled into view
** updates certain base classes on the `document.body` according to the current zoom level ** updates certain base classes on the `document.body` according to the current zoom level
** if enabled in the dynaview config panel - dynamically stores the viewport dimensions in $:/state/viewport/width and $:/state/viewport/height
* Pre-configured CSS classes to simplify using those base classes * Pre-configured CSS classes to simplify using those base classes
* Usage examples * Usage examples

15
plugins/tiddlywiki/dynaview/dynaview.js
View File

@ -26,6 +26,9 @@ exports.startup = function() {
window.addEventListener("resize",onScrollOrResize,false); window.addEventListener("resize",onScrollOrResize,false);
$tw.hooks.addHook("th-page-refreshed",function() { $tw.hooks.addHook("th-page-refreshed",function() {
checkVisibility(); checkVisibility();
if($tw.wiki.getTiddlerText("$:/config/ViewportDimensions") === "yes") {
saveViewportDimensions();
}
}); });
}; };
@ -34,6 +37,9 @@ function onScrollOrResize(event) {
window.requestAnimationFrame(function() { window.requestAnimationFrame(function() {
setZoomClasses(); setZoomClasses();
checkVisibility(); checkVisibility();
if($tw.wiki.getTiddlerText("$:/config/ViewportDimensions") === "yes") {
saveViewportDimensions();
}
isWaitingForAnimationFrame = false; isWaitingForAnimationFrame = false;
}); });
} }
@ -43,7 +49,7 @@ function onScrollOrResize(event) {
function setZoomClasses() { function setZoomClasses() {
var zoomFactor = document.body.scrollWidth / window.innerWidth, var zoomFactor = document.body.scrollWidth / window.innerWidth,
classList = document.body.classList; classList = document.body.classList;
classList.add("tc-dynaview") classList.add("tc-dynaview");
classList.toggle("tc-dynaview-zoom-factor-1",zoomFactor <= 2); classList.toggle("tc-dynaview-zoom-factor-1",zoomFactor <= 2);
classList.toggle("tc-dynaview-zoom-factor-1-and-above",zoomFactor >= 1); classList.toggle("tc-dynaview-zoom-factor-1-and-above",zoomFactor >= 1);
classList.toggle("tc-dynaview-zoom-factor-1a-and-above",zoomFactor >= 1.14); classList.toggle("tc-dynaview-zoom-factor-1a-and-above",zoomFactor >= 1.14);
@ -91,4 +97,11 @@ function checkVisibility() {
}); });
} }
function saveViewportDimensions() {
var viewportWidth = window.innerWidth || document.documentElement.clientWidth,
viewportHeight = window.innerHeight || document.documentElement.clientHeight;
$tw.wiki.setText("$:/state/viewport/width",undefined,undefined,viewportWidth.toString(),undefined);
$tw.wiki.setText("$:/state/viewport/height",undefined,undefined,viewportHeight.toString(),undefined);
}
})(); })();

2
plugins/tiddlywiki/dynaview/plugin.info
View File

@ -3,5 +3,5 @@
"description": "Dynamic scrolling and zooming effects", "description": "Dynamic scrolling and zooming effects",
"author": "JeremyRuston", "author": "JeremyRuston",
"core-version": ">=5.0.0", "core-version": ">=5.0.0",
"list": "readme docs examples" "list": "readme docs examples config"
} }