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

minor refactoring...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-10-09 19:37:08 +03:00
parent 5af034b765
commit 4998ac950c
2 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -134,13 +134,14 @@
opacity: 0.1;
}
/* click/tap zone for expand button... */
.editor .outline [tabindex]>span:before {
.editor .outline [tabindex]:before {
content: "";
position: absolute;
display: inline-block;
right: -2rem;
width: 2rem;
height: calc(1em + var(--item-padding) * 2);
background: transparent;
}
/*
.editor .outline div[collapsed]:before,

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

@ -596,6 +596,9 @@ var Outline = {
: focused.setAttribute('selected', '') },
},
// XXX might be a good idea to defer specific actions to event-like
// handlers...
// e.g. clicking left if block -> .blockleft(..) ... etc.
setup: function(dom){
var that = this
this.dom = dom
@ -609,22 +612,34 @@ var Outline = {
outline.addEventListener('click',
function(evt){
var elem = evt.target
// expand/collapse
// NOTE: clicking outside the element to the right i.e. on :after/:before
if(elem.nodeName == 'DIV'
&& elem.getAttribute('tabindex')
&& elem.offsetWidth < evt.offsetX){
that.toggleCollapse(elem) }
&& elem.getAttribute('tabindex')){
// click: left of elem (outside)
if(evt.offsetX < 0){
// XXX item menu?
// click: right of elem (outside)
} else if(elem.offsetWidth < evt.offsetX){
that.toggleCollapse(elem)
// click inside element...
} else {
// XXX
}
// todo: toggle checkbox...
if(elem.classList.contains('todo')){
} else if(elem.classList.contains('todo')){
var node = elem.parentElement.parentElement
var text = node.querySelector('textarea')
text.value =
elem.checked ?
text.value.replace(/^\s*TODO(\s*)/, 'DONE$1')
: text.value.replace(/^\s*DONE(\s*)/, 'TODO$1') }
: text.value.replace(/^\s*DONE(\s*)/, 'TODO$1')
// check: toggle checkbox...
if(elem.classList.contains('check')){
} else if(elem.classList.contains('check')){
var node = elem.parentElement.parentElement
var text = node.querySelector('textarea')
var i = [...node.querySelectorAll('.check')].indexOf(elem)