TextInfo.htm/repo.js at gh-pages · iterami/TextInfo.htm · 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
92
93
94
95
96
'use strict';

function generate_list(){
    if(core_elements.code_range.value < 1){
        return;
    }

    const keys = [];
    for(let i =  0; i < core_elements.code_range.value; i++){
        const code = core_elements.base_code.value + i;
        const char = String.fromCharCode(code);
        keys.push(
          '<a href="javascript:keyinfo_code(' + code + ');" style="border:1px solid #aaa;display:inline-block;height:1em;text-decoration:none;width:25px">' + char + '</a>'
        );
    }
    core_elements.key_list.innerHTML = keys.join(' ');
}

function keyinfo(key){
    const code = key.charCodeAt(0);

    core_elements.key_single.innerHTML =
      '<span class=medium>' + key + '</span>'
        + '<br>Code: ' + code
        + '<br>Hex: ' + code.toString(16).toUpperCase();
}

function keyinfo_code(code){
    keyinfo(String.fromCharCode(code));
}

function repo_init(){
    core_repo_init({
      'events': {
        'generate': {
          'onclick': generate_list,
        },
        'keyinfo_key': {
          'onclick': function(){
              keyinfo(core_elements.key.value);
          },
        },
        'keyinfo_code': {
          'onclick': function(){
              keyinfo_code(core_elements.code.value);
          },
        },
        'text': {
          'oninput': function(){
              const value = this.value.toLowerCase();
              core_elements.length.textContent = value.length;
              core_elements.lines.textContent = value.split(/\n/).length;

              const characters = '0123456789abcdefghijklmnopqrstuvwxyz !@#$%^&*()_-+={}|:;"\'<,>.?/'.split('');
              let output = '';
              for(const character in characters){
                  const character_count = value.replace(
                    new RegExp(
                      '[^' + characters[character] + ']',
                      'g'
                    ),
                    ''
                  ).length;

                  if(character_count <= 0){
                      continue;
                  }

                  output +=
                    '<tr><td>'
                    + characters[character]
                    + '</td><td>'
                    + character_count
                    + '</td><td>'
                    + (character_count / value.length) * 100
                    + '%</td></tr>';
              }

              core_elements.characters.innerHTML = output;
          },
        },
      },
      'title': 'TextInfo.htm',
      'ui_elements': [
        'base_code',
        'characters',
        'code',
        'code_range',
        'key',
        'key_list',
        'key_single',
        'length',
        'lines',
      ],
    });
}