xslt.info/main.js at main · joaovitorbf/xslt.info · GitHub

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
81
82
83
84
85
86
87
88
89
90
91
var xmleditor = ace.edit("xmlinput");
xmleditor.setTheme("ace/theme/monokai");
xmleditor.session.setMode("ace/mode/xml");

var outputeditor = ace.edit("xmloutput");
outputeditor.setTheme("ace/theme/monokai");
outputeditor.session.setMode("ace/mode/xml");

var xslteditor = ace.edit("xsltinput");
xslteditor.setTheme("ace/theme/monokai");
xslteditor.session.setMode("ace/mode/xml");

var loader = new ldloader({ root: ".ldld.full" })

function errorToast(msg) {
    Toastify({
        text: `Error: "${msg}"`,
        duration: 3000,
        close: true,
        gravity: "top", // `top` or `bottom`
        position: "right", // `left`, `center` or `right`
        stopOnFocus: true, // Prevents dismissing of toast on hover
        style: {
            background: "#f92672",
            color: "#272822"
        },
    }).showToast();
}

function transform() {
    loader.on()
    outputeditor.setValue('')
    var myHeaders = new Headers();
    myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

    var urlencoded = new URLSearchParams();
    urlencoded.append("xslt", xslteditor.getValue());

    var requestOptions = {
        method: 'POST',
        headers: myHeaders,
        body: urlencoded,
        redirect: 'follow'
    };

    fetch("/transform", requestOptions)
        .then((res) => {
            if (res.status != 200) {
                res.text().then((text) => {
                    errorToast(text)
                })
            }
            else {
                res.text().then((text) => {
                    SaxonJS.transform({
                        "stylesheetText": text,
                        "sourceText": xmleditor.getValue(),
                        "destination": "serialized"
                    }, "async")
                    .then((final) => {
                        outputeditor.setValue(xmlFormatter(final.principalResult))
                    })
                    .catch((e) => {
                        errorToast(e.message)
                    })
                }).catch((e) => {
                    errorToast(e.message)
                })
            }
            loader.off()
        })
        .catch((err) => {
            errorToast('Backend server connection error.')
            loader.off()
        })
}

function discord() {
    Toastify({
        text: `My username on Discord is jvbf, feel free to add me!`,
        duration: 3000,
        close: true,
        gravity: "top", // `top` or `bottom`
        position: "right", // `left`, `center` or `right`
        stopOnFocus: true, // Prevents dismissing of toast on hover
        style: {
            background: "#7289da",
            color: "	#ffffff"
        },
    }).showToast();
}