flynx/pWiki
1
1
Fork 0
mirror of https://github.com/flynx/pWiki.git synced 2025-10-31 11:00:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-10-09 03:29:48 +03:00
parent 21c386f3dc
commit a8797669fe
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
experiments/outline-editor/editor.css
View File

@ -210,7 +210,7 @@
} }
.editor .outline [tabindex]>span>input[type=checkbox].todo { .editor .outline [tabindex]>span>input[type=checkbox].todo {
position: absolute; position: absolute;
margin-left: calc(-1 * var(--size) - var(--item-padding)); margin-left: calc(-1 * var(--size) - var(--item-padding) * 2);
} }
.editor .outline [tabindex]>span>input[type=checkbox].check { .editor .outline [tabindex]>span>input[type=checkbox].check {
transform: translateY(calc(2 * var(--item-padding))); transform: translateY(calc(2 * var(--item-padding)));

16
experiments/outline-editor/editor.js
View File

@ -325,11 +325,6 @@ var Outline = {
.replace(/^((\/\/|;)\s+.*)$/m, style('comment')) .replace(/^((\/\/|;)\s+.*)$/m, style('comment'))
.replace(/^XXX\s+(.*)$/m, style('XXX')) .replace(/^XXX\s+(.*)$/m, style('XXX'))
.replace(/^(.*)\s*XXX$/m, style('XXX')) .replace(/^(.*)\s*XXX$/m, style('XXX'))
// basic styling...
// XXX these are quite naive...
.replace(/\*(.*)\*/gm, '<b>$1</b>')
.replace(/~([^~]*)~/gm, '<s>$1</s>')
.replace(/_([^_]*)_/gm, '<i>$1</i>')
// elements... // elements...
.replace(/(\n|^)---*\h*(\n|$)/m, '$1<hr>') .replace(/(\n|^)---*\h*(\n|$)/m, '$1<hr>')
// ToDo... // ToDo...
@ -337,8 +332,13 @@ var Outline = {
.replace(/^DONE\s*(.*)$/m, '<input class="todo" type="checkbox" checked>$1') .replace(/^DONE\s*(.*)$/m, '<input class="todo" type="checkbox" checked>$1')
// checkboxes... // checkboxes...
// XXX these can not be clicked (yet)... // XXX these can not be clicked (yet)...
.replace(/\[ \]/gm, '<input class="check" type="checkbox">') .replace(/\[_\]/gm, '<input class="check" type="checkbox">')
.replace(/\[[X]\]/gm, '<input class="check" type="checkbox" checked>') .replace(/\[[X]\]/gm, '<input class="check" type="checkbox" checked>')
// basic styling...
// XXX these are quite naive...
.replace(/\*(.*)\*/gm, '<b>$1</b>')
.replace(/~([^~]*)~/gm, '<s>$1</s>')
.replace(/_([^_]*)_/gm, '<i>$1</i>')
return elem }, return elem },
// serialization... // serialization...
@ -624,12 +624,12 @@ var Outline = {
var i = [...node.querySelectorAll('.check')].indexOf(elem) var i = [...node.querySelectorAll('.check')].indexOf(elem)
var to = elem.checked ? var to = elem.checked ?
'[X]' '[X]'
: '[ ]' : '[_]'
var toggle = function(m){ var toggle = function(m){
return i-- == 0 ? return i-- == 0 ?
to to
: m } : m }
text.value = text.value.replace(/\[[X ]\]/g, toggle) } }) text.value = text.value.replace(/\[[X_]\]/g, toggle) } })
// heboard handling... // heboard handling...
outline.addEventListener('keydown', outline.addEventListener('keydown',
function(evt){ function(evt){

2
experiments/outline-editor/index.html
View File

@ -79,7 +79,7 @@ var setup = function(){
- TODO undone item - TODO undone item
- DONE done item - DONE done item
_(clicking the checkbox updates the item)_ _(clicking the checkbox updates the item)_
- Inline [X] checkboxes [ ] - Inline [X] checkboxes [_]
- A - A
collapsed:: true collapsed:: true
- a - a