| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Word Frequency Statistics</title> | |
| <link rel="stylesheet" href="/static/index.css"> | |
| <script src="/static/index.js"></script> | |
| </head> | |
| <body> | |
| <h1 class="h1">Word Frequency Statistics in text</h1> | |
| <div class="margin10px"> | |
| <button id="btn4-getWordFrequency" aria-label="btn4-getWordFrequency" onclick="getWordFrequency()" type="submit">get words frequency</button> | |
| <label for="id-input-file-selector" class="margin5px-left">Text file selector</label> | |
| <input type="file" onchange="previewFile()" id="id-input-file-selector" aria-label="id-input-file-selector" /> | |
| </div> | |
| <div id="id-container-row-global-editor-frequency" class="display-flex"> | |
| <div id="id-col1-editor" class="col-flex50 border-black padding10px margin10px overflow-hidden background-color-lightgray"> | |
| <h4>Text Editor</h4> | |
| <div id="editor" contenteditable="true" class="max-height-83vh overflow-auto background-color-whitesmoke" aria-label="editor"> | |
| Hi there, how are you? There are some pasties for you. Can you give me also... Take a pasty from the table there! | |
| </div> | |
| </div> | |
| <div id="id-col2-word-frequency" class="col-flex50 border-blue padding10px margin10px overflow-hidden background-color-lightgray"> | |
| <h4 id="id-word-frequency-table-title">Word Frequency Table</h4> | |
| <span id="id-n-total-rows" aria-label="id-n-total-rows" class="display-none"></span> | |
| <span id="waiting-for-be" class="display-none">waiting for backend response...</span> | |
| <span id="waiting-for-be-error" class="display-none">Error!</span> | |
| <div id="words-frequency" class="max-height-83vh overflow-auto background-color-whitesmoke" aria-label="words-frequency"></div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |