Skip to content

Commit d6e7e23

Browse files
michielbdejongmichielbdejong
committed
fileUploadButtonDiv and links to fragments
1 parent ef759d4 commit d6e7e23

2 files changed

Lines changed: 48 additions & 45 deletions

File tree

‎examples/buttons/index.html‎

Lines changed: 43 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@
99
</script>
1010
</head>
1111
<body>
12-
<h2 id="addStyleSheet">addStyleSheet</h2>
12+
<h2 id="addStyleSheet"><a href="#addStyleSheet">addStyleSheet</a></h2>
1313
<script id="script-addStyleSheet">
1414
window.addEventListener('DOMContentLoaded', (event) => {
1515
UI.widgets.addStyleSheet(document, 'https://linkeddata.github.io/tabulator-firefox/content/tabbedtab.css')
1616
})
1717
</script>
1818
<pre id="viewSource-addStyleSheet"></pre><script>$('#viewSource-addStyleSheet').innerHTML = $('#script-addStyleSheet').innerText</script>
1919

20-
<h2 id="allClassURIs">allClassURIs</h2>
20+
<h2 id="allClassURIs"><a href="#allClassURIs">allClassURIs</a></h2>
2121
<script id="script-allClassURIs">
2222
window.addEventListener('DOMContentLoaded', (event) => {
2323
UI.store.add(
@@ -43,7 +43,7 @@ <h2 id="allClassURIs">allClassURIs</h2>
4343

4444
<ul id="ul-allClassURIs"></ul>
4545

46-
<h2 id="askName">askName</h2>
46+
<h2 id="askName"><a href="#askName">askName</a></h2>
4747
<script id="script-askName">
4848
window.addEventListener('DOMContentLoaded', (event) => {
4949
const promise = UI.widgets.askName(document, UI.store, $('#div-askName'))
@@ -55,8 +55,9 @@ <h2 id="askName">askName</h2>
5555
<pre id="viewSource-askName"></pre><script>$('#viewSource-askName').innerHTML = $('#script-askName').innerText</script>
5656
<div id="div-askName"></div>
5757

58-
<h2 id="attachmentList">attachmentList</h2>
58+
<h2 id="attachmentList"><a href="#attachmentList">attachmentList</a></h2>
5959
<script id="script-attachmentList">
60+
// FIXME: https://github.com/solid/solid-ui/issues/212
6061
window.addEventListener('DOMContentLoaded', (event) => {
6162
UI.store.add(
6263
UI.rdf.namedNode('http://example.com/#some-message'),
@@ -69,7 +70,7 @@ <h2 id="attachmentList">attachmentList</h2>
6970
<pre id="viewSource-attachmentList"></pre><script>$('#viewSource-attachmentList').innerHTML = $('#script-attachmentList').innerText</script>
7071
<div id="div-attachmentList"></div>
7172

72-
<h2 id="button">button</h2>
73+
<h2 id="button"><a href="#button">button</a></h2>
7374
<script id="script-button">
7475
window.addEventListener('DOMContentLoaded', (event) => {
7576
const solidLogo = 'https://solidproject.org/assets/img/solid-emblem.svg'
@@ -83,7 +84,7 @@ <h2 id="button">button</h2>
8384
<pre id="viewSource-button"></pre><script>$('#viewSource-button').innerHTML = $('#script-button').innerText</script>
8485
<div id="div-button"></div>
8586

86-
<h2 id="cancelButton">cancelButton</h2>
87+
<h2 id="cancelButton"><a href="#cancelButton">cancelButton</a></h2>
8788
<script id="script-cancelButton">
8889
window.addEventListener('DOMContentLoaded', (event) => {
8990
$('#div-cancelButton').appendChild(
@@ -96,7 +97,7 @@ <h2 id="cancelButton">cancelButton</h2>
9697
<pre id="viewSource-cancelButton"></pre><script>$('#viewSource-cancelButton').innerHTML = $('#script-cancelButton').innerText</script>
9798
<div id="div-cancelButton"></div>
9899

99-
<h2 id="clearElement">clearElement</h2>
100+
<h2 id="clearElement"><a href="#clearElement">clearElement</a></h2>
100101
<script id="script-clearElement">
101102
window.addEventListener('DOMContentLoaded', (event) => {
102103
let counter = 0
@@ -113,7 +114,7 @@ <h2 id="clearElement">clearElement</h2>
113114
<pre id="viewSource-clearElement"></pre><script>$('#viewSource-clearElement').innerHTML = $('#script-clearElement').innerText</script>
114115
<div id="div-clearElement" style="height: 2em;"></div>
115116

116-
<h2 id="complain">complain</h2>
117+
<h2 id="complain"><a href="#complain">complain</a></h2>
117118
<script id="script-complain">
118119
window.addEventListener('DOMContentLoaded', (event) => {
119120
UI.widgets.complain({ div: $('#div-complain'), dom: document }, 'not good!')
@@ -122,7 +123,7 @@ <h2 id="complain">complain</h2>
122123
<pre id="viewSource-complain"></pre><script>$('#viewSource-complain').innerHTML = $('#script-complain').innerText</script>
123124
<div id="div-complain" style="height: 2em;"></div>
124125

125-
<h2 id="continueButton">continueButton</h2>
126+
<h2 id="continueButton"><a href="#continueButton">continueButton</a></h2>
126127
<script id="script-continueButton">
127128
window.addEventListener('DOMContentLoaded', (event) => {
128129
$('#div-continueButton').appendChild(
@@ -133,7 +134,7 @@ <h2 id="continueButton">continueButton</h2>
133134
<pre id="viewSource-continueButton"></pre><script>$('#viewSource-continueButton').innerHTML = $('#script-continueButton').innerText</script>
134135
<div id="div-continueButton"></div>
135136

136-
<h2 id="defaultAnnotationStore">defaultAnnotationStore</h2>
137+
<h2 id="defaultAnnotationStore"><a href="#defaultAnnotationStore">defaultAnnotationStore</a></h2>
137138
<script id="script-defaultAnnotationStore">
138139
window.addEventListener('DOMContentLoaded', (event) => {
139140
const url = 'http://example.com/a/b.html'
@@ -144,7 +145,7 @@ <h2 id="defaultAnnotationStore">defaultAnnotationStore</h2>
144145
<pre id="viewSource-defaultAnnotationStore"></pre><script>$('#viewSource-defaultAnnotationStore').innerHTML = $('#script-defaultAnnotationStore').innerText</script>
145146
<div id="div-defaultAnnotationStore"></div>
146147

147-
<h2 id="deleteButtonWithCheck">deleteButtonWithCheck</h2>
148+
<h2 id="deleteButtonWithCheck"><a href="#deleteButtonWithCheck">deleteButtonWithCheck</a></h2>
148149
<script id="script-deleteButtonWithCheck">
149150
window.addEventListener('DOMContentLoaded', (event) => {
150151
const result = UI.widgets.deleteButtonWithCheck(
@@ -158,7 +159,7 @@ <h2 id="deleteButtonWithCheck">deleteButtonWithCheck</h2>
158159
<pre id="viewSource-deleteButtonWithCheck"></pre><script>$('#viewSource-deleteButtonWithCheck').innerHTML = $('#script-deleteButtonWithCheck').innerText</script>
159160
<div id="div-deleteButtonWithCheck"></div>
160161

161-
<h2 id="extractLogURI">extractLogURI</h2>
162+
<h2 id="extractLogURI"><a href="#extractLogURI">extractLogURI</a></h2>
162163
<script id="script-extractLogURI">
163164
window.addEventListener('DOMContentLoaded', (event) => {
164165
const url = 'https://example.com/logFile=http%3A%2F%2Fexample.org%2Flogs.ttl&rulesFile=ttp%3A%2F%2Fexample.org%2Frules.ttl'
@@ -169,7 +170,7 @@ <h2 id="extractLogURI">extractLogURI</h2>
169170
<pre id="viewSource-extractLogURI"></pre><script>$('#viewSource-extractLogURI').innerHTML = $('#script-extractLogURI').innerText</script>
170171
<div id="div-extractLogURI"></div>
171172

172-
<h2 id="formatDateTime">formatDateTime</h2>
173+
<h2 id="formatDateTime"><a href="#formatDateTime">formatDateTime</a></h2>
173174
<script id="script-formatDateTime">
174175
window.addEventListener('DOMContentLoaded', (event) => {
175176
const result = UI.widgets.formatDateTime(
@@ -182,7 +183,7 @@ <h2 id="formatDateTime">formatDateTime</h2>
182183
<pre id="viewSource-formatDateTime"></pre><script>$('#viewSource-formatDateTime').innerHTML = $('#script-formatDateTime').innerText</script>
183184
<div id="div-formatDateTime"></div>
184185

185-
<h2 id="faviconOrDefault">faviconOrDefault</h2>
186+
<h2 id="faviconOrDefault"><a href="#faviconOrDefault"><a href="#faviconOrDefault">faviconOrDefault</a></a></h2>
186187
<script id="script-faviconOrDefault">
187188
window.addEventListener('DOMContentLoaded', (event) => {
188189
const result = UI.widgets.faviconOrDefault(document, UI.rdf.namedNode('https://solidproject.org/'))
@@ -192,17 +193,19 @@ <h2 id="faviconOrDefault">faviconOrDefault</h2>
192193
<pre id="viewSource-faviconOrDefault"></pre><script>$('#viewSource-faviconOrDefault').innerHTML = $('#script-faviconOrDefault').innerText</script>
193194
<div id="div-faviconOrDefault"></div>
194195

195-
<h2 id="fileUploadButtonDiv">fileUploadButtonDiv</h2>
196+
<h2 id="fileUploadButtonDiv"><a href="#fileUploadButtonDiv"><a href="#fileUploadButtonDiv">fileUploadButtonDiv</a></a></h2>
196197
<script id="script-fileUploadButtonDiv">
197198
window.addEventListener('DOMContentLoaded', (event) => {
198-
// const result = UI.widgets.fileUploadButtonDiv()
199-
// $('#div-fileUploadButtonDiv').appendChild(document.createTextNode(result))
199+
const result = UI.widgets.fileUploadButtonDiv(document, (files) => {
200+
window.alert('uploaded! ' + files.length)
201+
})
202+
$('#div-fileUploadButtonDiv').appendChild(result)
200203
})
201204
</script>
202205
<pre id="viewSource-fileUploadButtonDiv"></pre><script>$('#viewSource-fileUploadButtonDiv').innerHTML = $('#script-fileUploadButtonDiv').innerText</script>
203206
<div id="div-fileUploadButtonDiv"></div>
204207

205-
<h2 id="findImage">findImage</h2>
208+
<h2 id="findImage"><a href="#findImage">findImage</a></h2>
206209
<script id="script-findImage">
207210
window.addEventListener('DOMContentLoaded', (event) => {
208211
// const result = UI.widgets.findImage()
@@ -212,7 +215,7 @@ <h2 id="findImage">findImage</h2>
212215
<pre id="viewSource-findImage"></pre><script>$('#viewSource-findImage').innerHTML = $('#script-findImage').innerText</script>
213216
<div id="div-findImage"></div>
214217

215-
<h2 id="findImageFromURI">findImageFromURI</h2>
218+
<h2 id="findImageFromURI"><a href="#findImageFromURI">findImageFromURI</a></h2>
216219
<script id="script-findImageFromURI">
217220
window.addEventListener('DOMContentLoaded', (event) => {
218221
// const result = UI.widgets.findImageFromURI()
@@ -222,7 +225,7 @@ <h2 id="findImageFromURI">findImageFromURI</h2>
222225
<pre id="viewSource-findImageFromURI"></pre><script>$('#viewSource-findImageFromURI').innerHTML = $('#script-findImageFromURI').innerText</script>
223226
<div id="div-findImageFromURI"></div>
224227

225-
<h2 id="iconForClass">iconForClass</h2>
228+
<h2 id="iconForClass"><a href="#iconForClass">iconForClass</a></h2>
226229
<script id="script-iconForClass">
227230
window.addEventListener('DOMContentLoaded', (event) => {
228231
// const result = UI.widgets.iconForClass()
@@ -232,7 +235,7 @@ <h2 id="iconForClass">iconForClass</h2>
232235
<pre id="viewSource-iconForClass"></pre><script>$('#viewSource-iconForClass').innerHTML = $('#script-iconForClass').innerText</script>
233236
<div id="div-iconForClass"></div>
234237

235-
<h2 id="imagesOf">imagesOf</h2>
238+
<h2 id="imagesOf"><a href="#imagesOf">imagesOf</a></h2>
236239
<script id="script-imagesOf">
237240
window.addEventListener('DOMContentLoaded', (event) => {
238241
// const result = UI.widgets.imagesOf()
@@ -242,7 +245,7 @@ <h2 id="imagesOf">imagesOf</h2>
242245
<pre id="viewSource-imagesOf"></pre><script>$('#viewSource-imagesOf').innerHTML = $('#script-imagesOf').innerText</script>
243246
<div id="div-imagesOf"></div>
244247

245-
<h2 id="index">index</h2>
248+
<h2 id="index"><a href="#index">index</a></h2>
246249
<script id="script-index">
247250
window.addEventListener('DOMContentLoaded', (event) => {
248251
// const result = UI.widgets.index()
@@ -252,7 +255,7 @@ <h2 id="index">index</h2>
252255
<pre id="viewSource-index"></pre><script>$('#viewSource-index').innerHTML = $('#script-index').innerText</script>
253256
<div id="div-index"></div>
254257

255-
<h2 id="isAudio">isAudio</h2>
258+
<h2 id="isAudio"><a href="#isAudio">isAudio</a></h2>
256259
<script id="script-isAudio">
257260
window.addEventListener('DOMContentLoaded', (event) => {
258261
// const result = UI.widgets.isAudio()
@@ -262,7 +265,7 @@ <h2 id="isAudio">isAudio</h2>
262265
<pre id="viewSource-isAudio"></pre><script>$('#viewSource-isAudio').innerHTML = $('#script-isAudio').innerText</script>
263266
<div id="div-isAudio"></div>
264267

265-
<h2 id="isImage">isImage</h2>
268+
<h2 id="isImage"><a href="#isImage">isImage</a></h2>
266269
<script id="script-isImage">
267270
window.addEventListener('DOMContentLoaded', (event) => {
268271
// const result = UI.widgets.isImage()
@@ -272,7 +275,7 @@ <h2 id="isImage">isImage</h2>
272275
<pre id="viewSource-isImage"></pre><script>$('#viewSource-isImage').innerHTML = $('#script-isImage').innerText</script>
273276
<div id="div-isImage"></div>
274277

275-
<h2 id="isVideo">isVideo</h2>
278+
<h2 id="isVideo"><a href="#isVideo">isVideo</a></h2>
276279
<script id="script-isVideo">
277280
window.addEventListener('DOMContentLoaded', (event) => {
278281
// const result = UI.widgets.isVideo()
@@ -282,7 +285,7 @@ <h2 id="isVideo">isVideo</h2>
282285
<pre id="viewSource-isVideo"></pre><script>$('#viewSource-isVideo').innerHTML = $('#script-isVideo').innerText</script>
283286
<div id="div-isVideo"></div>
284287

285-
<h2 id="linkButton">linkButton</h2>
288+
<h2 id="linkButton"><a href="#linkButton">linkButton</a></h2>
286289
<script id="script-linkButton">
287290
window.addEventListener('DOMContentLoaded', (event) => {
288291
// const result = UI.widgets.linkButton()
@@ -292,7 +295,7 @@ <h2 id="linkButton">linkButton</h2>
292295
<pre id="viewSource-linkButton"></pre><script>$('#viewSource-linkButton').innerHTML = $('#script-linkButton').innerText</script>
293296
<div id="div-linkButton"></div>
294297

295-
<h2 id="linkIcon">linkIcon</h2>
298+
<h2 id="linkIcon"><a href="#linkIcon">linkIcon</a></h2>
296299
<script id="script-linkIcon">
297300
window.addEventListener('DOMContentLoaded', (event) => {
298301
// const result = UI.widgets.linkIcon()
@@ -302,7 +305,7 @@ <h2 id="linkIcon">linkIcon</h2>
302305
<pre id="viewSource-linkIcon"></pre><script>$('#viewSource-linkIcon').innerHTML = $('#script-linkIcon').innerText</script>
303306
<div id="div-linkIcon"></div>
304307

305-
<h2 id="openHrefInOutlineMode">openHrefInOutlineMode</h2>
308+
<h2 id="openHrefInOutlineMode"><a href="#openHrefInOutlineMode">openHrefInOutlineMode</a></h2>
306309
<script id="script-openHrefInOutlineMode">
307310
window.addEventListener('DOMContentLoaded', (event) => {
308311
// const result = UI.widgets.openHrefInOutlineMode()
@@ -312,7 +315,7 @@ <h2 id="openHrefInOutlineMode">openHrefInOutlineMode</h2>
312315
<pre id="viewSource-openHrefInOutlineMode"></pre><script>$('#viewSource-openHrefInOutlineMode').innerHTML = $('#script-openHrefInOutlineMode').innerText</script>
313316
<div id="div-openHrefInOutlineMode"></div>
314317

315-
<h2 id="personTR">personTR</h2>
318+
<h2 id="personTR"><a href="#personTR">personTR</a></h2>
316319
<script id="script-personTR">
317320
window.addEventListener('DOMContentLoaded', (event) => {
318321
// const result = UI.widgets.personTR()
@@ -322,7 +325,7 @@ <h2 id="personTR">personTR</h2>
322325
<pre id="viewSource-personTR"></pre><script>$('#viewSource-personTR').innerHTML = $('#script-personTR').innerText</script>
323326
<div id="div-personTR"></div>
324327

325-
<h2 id="propertyTriage">propertyTriage</h2>
328+
<h2 id="propertyTriage"><a href="#propertyTriage">propertyTriage</a></h2>
326329
<script id="script-propertyTriage">
327330
window.addEventListener('DOMContentLoaded', (event) => {
328331
// const result = UI.widgets.propertyTriage()
@@ -332,7 +335,7 @@ <h2 id="propertyTriage">propertyTriage</h2>
332335
<pre id="viewSource-propertyTriage"></pre><script>$('#viewSource-propertyTriage').innerHTML = $('#script-propertyTriage').innerText</script>
333336
<div id="div-propertyTriage"></div>
334337

335-
<h2 id="refreshTree">refreshTree</h2>
338+
<h2 id="refreshTree"><a href="#refreshTree">refreshTree</a></h2>
336339
<script id="script-refreshTree">
337340
window.addEventListener('DOMContentLoaded', (event) => {
338341
// const result = UI.widgets.refreshTree()
@@ -342,7 +345,7 @@ <h2 id="refreshTree">refreshTree</h2>
342345
<pre id="viewSource-refreshTree"></pre><script>$('#viewSource-refreshTree').innerHTML = $('#script-refreshTree').innerText</script>
343346
<div id="div-refreshTree"></div>
344347

345-
<h2 id="removeButton">removeButton</h2>
348+
<h2 id="removeButton"><a href="#removeButton">removeButton</a></h2>
346349
<script id="script-removeButton">
347350
window.addEventListener('DOMContentLoaded', (event) => {
348351
// const result = UI.widgets.removeButton()
@@ -352,7 +355,7 @@ <h2 id="removeButton">removeButton</h2>
352355
<pre id="viewSource-removeButton"></pre><script>$('#viewSource-removeButton').innerHTML = $('#script-removeButton').innerText</script>
353356
<div id="div-removeButton"></div>
354357

355-
<h2 id="shortDate">shortDate</h2>
358+
<h2 id="shortDate"><a href="#shortDate">shortDate</a></h2>
356359
<script id="script-shortDate">
357360
window.addEventListener('DOMContentLoaded', (event) => {
358361
const result = UI.widgets.shortDate()
@@ -362,7 +365,7 @@ <h2 id="shortDate">shortDate</h2>
362365
<pre id="viewSource-shortDate"></pre><script>$('#viewSource-shortDate').innerHTML = $('#script-shortDate').innerText</script>
363366
<div id="div-shortDate"></div>
364367

365-
<h2 id="shortTime">shortTime</h2>
368+
<h2 id="shortTime"><a href="#shortTime">shortTime</a></h2>
366369
<script id="script-shortTime">
367370
window.addEventListener('DOMContentLoaded', (event) => {
368371
const result = UI.widgets.shortTime()
@@ -372,7 +375,7 @@ <h2 id="shortTime">shortTime</h2>
372375
<pre id="viewSource-shortTime"></pre><script>$('#viewSource-shortTime').innerHTML = $('#script-shortTime').innerText</script>
373376
<div id="div-shortTime"></div>
374377

375-
<h2 id="selectorPanel">selectorPanel</h2>
378+
<h2 id="selectorPanel"><a href="#selectorPanel">selectorPanel</a></h2>
376379
<script id="script-selectorPanel">
377380
window.addEventListener('DOMContentLoaded', (event) => {
378381
// const result = UI.widgets.selectorPanel()
@@ -382,7 +385,7 @@ <h2 id="selectorPanel">selectorPanel</h2>
382385
<pre id="viewSource-selectorPanel"></pre><script>$('#viewSource-selectorPanel').innerHTML = $('#script-selectorPanel').innerText</script>
383386
<div id="div-selectorPanel"></div>
384387

385-
<h2 id="selectorPanelRefresh">selectorPanelRefresh</h2>
388+
<h2 id="selectorPanelRefresh"><a href="#selectorPanelRefresh">selectorPanelRefresh</a></h2>
386389
<script id="script-selectorPanelRefresh">
387390
window.addEventListener('DOMContentLoaded', (event) => {
388391
// const result = UI.widgets.selectorPanelRefresh()
@@ -392,7 +395,7 @@ <h2 id="selectorPanelRefresh">selectorPanelRefresh</h2>
392395
<pre id="viewSource-selectorPanelRefresh"></pre><script>$('#viewSource-selectorPanelRefresh').innerHTML = $('#script-selectorPanelRefresh').innerText</script>
393396
<div id="div-selectorPanelRefresh"></div>
394397

395-
<h2 id="setImage">setImage</h2>
398+
<h2 id="setImage"><a href="#setImage">setImage</a></h2>
396399
<script id="script-setImage">
397400
window.addEventListener('DOMContentLoaded', (event) => {
398401
// const result = UI.widgets.setImage()
@@ -402,7 +405,7 @@ <h2 id="setImage">setImage</h2>
402405
<pre id="viewSource-setImage"></pre><script>$('#viewSource-setImage').innerHTML = $('#script-setImage').innerText</script>
403406
<div id="div-setImage"></div>
404407

405-
<h2 id="setName">setName</h2>
408+
<h2 id="setName"><a href="#setName">setName</a></h2>
406409
<script id="script-setName">
407410
window.addEventListener('DOMContentLoaded', (event) => {
408411
// const result = UI.widgets.setName()
@@ -412,7 +415,7 @@ <h2 id="setName">setName</h2>
412415
<pre id="viewSource-setName"></pre><script>$('#viewSource-setName').innerHTML = $('#script-setName').innerText</script>
413416
<div id="div-setName"></div>
414417

415-
<h2 id="tempSite">tempSite</h2>
418+
<h2 id="tempSite"><a href="#tempSite">tempSite</a></h2>
416419
<script id="script-tempSite">
417420
window.addEventListener('DOMContentLoaded', (event) => {
418421
// const result = UI.widgets.tempSite()
@@ -422,7 +425,7 @@ <h2 id="tempSite">tempSite</h2>
422425
<pre id="viewSource-tempSite"></pre><script>$('#viewSource-tempSite').innerHTML = $('#script-tempSite').innerText</script>
423426
<div id="div-tempSite"></div>
424427

425-
<h2 id="timestamp">timestamp</h2>
428+
<h2 id="timestamp"><a href="#timestamp">timestamp</a></h2>
426429
<script id="script-timestamp">
427430
window.addEventListener('DOMContentLoaded', (event) => {
428431
const result = UI.widgets.timestamp()

‎src/widgets/buttons.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1141,22 +1141,22 @@ function isImage (file, kind) {
11411141
/**
11421142
* File upload button
11431143
* @param dom The DOM aka document
1144-
* @param display:none - Same handler function as drop, takes array of file objects
1144+
* @param droppedFileHandler Same handler function as drop, takes array of file objects
11451145
* @returns {Element} - a div with a button and a inout in it
11461146
* The input is hidden, as it is uglky - the user clicks on the nice icons and fires the input.
11471147
*/
11481148
// See https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications
11491149
function fileUploadButtonDiv (
1150-
dom,
1151-
droppedFileHandler
1150+
dom: HTMLDocument,
1151+
droppedFileHandler: (files: FileList) => void
11521152
) {
11531153
const div = dom.createElement('div')
11541154
const input = div.appendChild(dom.createElement('input'))
11551155
input.setAttribute('type', 'file')
11561156
input.setAttribute('multiple', 'true')
11571157
input.addEventListener(
11581158
'change',
1159-
event => {
1159+
(event: any) => {
11601160
console.log('File drop event: ', event)
11611161
if (event.files) {
11621162
droppedFileHandler(event.files)
@@ -1169,7 +1169,7 @@ function fileUploadButtonDiv (
11691169
false
11701170
)
11711171

1172-
input.style = 'display:none'
1172+
;(input as any).style = 'display:none'
11731173
const buttonElt = div.appendChild(
11741174
button(
11751175
dom,

0 commit comments

Comments
 (0)