| modules_basic/compose.jsView |
|---|
| 53 | 53 … | |
| 54 | 54 … | var actions |
| 55 | 55 … | |
| 56 | 56 … | var textArea = h('textarea', { |
| 57 | | - placeholder: opts.placeholder || 'Write a message', |
| 58 | | - className: opts.shrink === false ? '-expanded' : '-contracted' |
| 57 … | + placeholder: opts.placeholder || 'Write a message' |
| 59 | 58 … | }) |
| 60 | 59 … | |
| 61 | 60 … | if(opts.shrink !== false) { |
| 62 | 61 … | var blur |
| 63 | 62 … | textArea.addEventListener('focus', () => { |
| 64 | 63 … | clearTimeout(blur) |
| 65 | 64 … | if(!textArea.value) { |
| 66 | | - textArea.className = '-expanded' |
| 65 … | + composer.className = 'Compose -expanded' |
| 67 | 66 … | } |
| 68 | | - actions.style.display = 'flex' |
| 69 | 67 … | }) |
| 70 | 68 … | textArea.addEventListener('blur', () => { |
| 71 | 69 … | |
| 72 | 70 … | |
| 73 | 71 … | clearTimeout(blur) |
| 74 | 72 … | blur = setTimeout(() => { |
| 75 | 73 … | if(textArea.value) return |
| 76 | | - textArea.className = '-contracted' |
| 77 | | - actions.style.display = 'none' |
| 74 … | + composer.className = 'Compose -contracted' |
| 78 | 75 … | }, 300) |
| 79 | 76 … | }) |
| 80 | 77 … | } |
| 81 | 78 … | |
| 131 | 128 … | textArea.value += '\n' + embed + '['+file.name+']('+file.link+')' |
| 132 | 129 … | console.log('added:', file) |
| 133 | 130 … | }) |
| 134 | 131 … | var publishBtn = h('button', {'ev-click': publish}, 'Publish' ) |
| 135 | | - var actions = h('section.actions', |
| 136 | | - |
| 137 | | - { style: {display: opts.shrink === false ? '' : 'none'} }, |
| 138 | | - [ fileInput, publishBtn ] |
| 139 | | - ) |
| 132 … | + var actions = h('section.actions', [ |
| 133 … | + fileInput, publishBtn |
|
| 134 … | + ]) |
| 140 | 135 … | |
| 141 | | - var composer = h('Compose', [ |
| 136 … | + var composer = h('Compose', { |
| 137 … | + className: opts.shrink === false ? '-expanded' : '-contracted' |
| 138 … | + }, [ |
| 142 | 139 … | textArea, |
| 143 | 140 … | actions |
| 144 | 141 … | ]) |
| 145 | 142 … | |