1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
import React from 'react'
import ReactDOM from 'react-dom'
import { AppContainer } from 'react-hot-loader'
import { Provider } from 'react-redux'
import Tabulator from 'tabulator-tables'
import { toArray } from './util'
import Applet from './applet'
import { store } from './store'
function appendReactApplet(el, payload) {
ReactDOM.render(
<AppContainer>
<Provider store={store}>
<Applet command={payload} />
</Provider>
</AppContainer>, el
)
}
function appendTabulator(el, payload) {
const table = new Tabulator(el, {
height: '311px',
layout: 'fitColumns',
placeholder: 'No Data Set',
columns: payload.fields.split(', ').map(field => {
switch (field) {
default:
return { title: field, field: field.toLowerCase(), sorter: 'string' }
}
}),
// {title:'Name', field:'name', sorter:'string', width:200},
// {title:'Progress', field:'progress', sorter:'number', formatter:'progress'},
// {title:'Gender', field:'gender', sorter:"string"},
// {title:"Rating", field:"rating", formatter:"star", align:"center", width:100},
// {title:"Favourite Color", field:"col", sorter:"string", sortable:false},
// {title:"Date Of Birth", field:"dob", sorter:"date", align:"center"},
// {title:"Driver", field:"car", align:"center", formatter:"tickCross", sorter:"boolean"},
})
let path = payload.opt
let columns = payload.fields.split(',').map(s => s.trim())
console.log(path, columns)
table.setData(path)
}
function appendApplets() {
toArray(document.querySelectorAll('.applet')).forEach(el => {
console.log(el.dataset.payload)
let payload;
try {
payload = JSON.parse(el.dataset.payload)
} catch (e) {
return
}
console.log(payload)
switch (payload.command) {
case 'load file':
appendTabulator(el, payload)
break
default:
appendReactApplet(el, payload)
break
}
})
}
function main() {
const paras = document.querySelectorAll('section p')
if (paras.length) {
paras[0].classList.add('first_paragraph')
}
toArray(document.querySelectorAll('header .links a')).forEach(tag => {
if (window.location.href.match(tag.href)) {
tag.classList.add('active')
}
})
appendApplets()
}
main()
|
