fei.wang
2025-08-13 ae7b22322555448d95fd56f505bafa325c167a26
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
document.addEventListener('DOMContentLoaded', () => {
    log.setDefaultLevel(log.levels.TRACE, false);
 
    const demoForm = document.getElementById('LogForm');
    const setLevelForm = document.getElementById('SetLevel');
    const setDefaultLevelForm = document.getElementById('SetDefaultLevel');
    const resetLevelButton = document.getElementById('ResetLevelButton');
    const enableAllButton = document.getElementById('EnableAllButton');
    const disableAllButton = document.getElementById('DisableAllButton');
 
    if (demoForm) {
        demoForm.addEventListener('submit', onSubmitDemoForm);
    }
 
    if (setLevelForm) {
        setLevelForm.addEventListener('submit', onSubmitSetLevelForm);
    }
 
    if (setDefaultLevelForm) {
        setDefaultLevelForm.addEventListener('submit', onSubmitSetDefaultLevelForm);
    }
 
    if (resetLevelButton) {
        resetLevelButton.addEventListener('click', () => {
            log.resetLevel();
            updateLogStateForm();
        });
    }
 
    if (enableAllButton) {
        enableAllButton.addEventListener('click', () => {
            log.enableAll();
            updateLogStateForm();
        });
    }
 
    if (disableAllButton) {
        disableAllButton.addEventListener('click', () => {
            log.disableAll();
            updateLogStateForm();
        });
    }
 
    updateLogStateForm();
});
 
function onSubmitDemoForm(event) {
    event.preventDefault();
 
    const form = event.currentTarget;
    const formData = new FormData(form)
    const debugMessage = formData.get('debugMessage');
    const logLevel = formData.get('logLevel');
 
    if (debugMessage && logLevel) {
        log[logLevel](debugMessage);
    }
}
 
function onSubmitSetLevelForm(event) {
    event.preventDefault();
 
    const form = event.currentTarget;
    const formData = new FormData(form)
    log.setLevel(parseInt(formData.get('level')), formData.get('persist') === 'true');
    updateLogStateForm();
}
 
function onSubmitSetDefaultLevelForm(event) {
    event.preventDefault();
 
    const form = event.currentTarget;
    const formData = new FormData(form)
    log.setDefaultLevel(parseInt(formData.get('level')));
    updateLogStateForm();
}
 
function updateLogStateForm() {
    const logState = document.getElementById('LogState');
 
    if (logState) {
        const currentLevel = logState.querySelector('input[name="currentLevel"]');
        const logLevel = log.getLevel();
        currentLevel.value = Object.keys(log.levels).find(key => log.levels[key] === logLevel);
    }
}