Spaces:
Running
Running
| <html<html> | |
| <head> | |
| <title>Paraphrasing Webapp</title> | |
| <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> | |
| <script type="text/javascript"> | |
| $(document).ready(function(){ | |
| var clipboard = new ClipboardJS('.copy-btn'); | |
| clipboard.on('success', function(e) { | |
| alert("Paraphrased Text Copied to Clipboard!"); | |
| }); | |
| clipboard.on('error', function(e) { | |
| alert("Unable to Copy. Please try again."); | |
| }); | |
| $('#correct-grammar').click(function(){ | |
| $.post("/correct_grammar", {text: $('#input-text').val()}, function(data){ | |
| $('#input-text').val(data.corrected_text); | |
| }); | |
| }); | |
| $('#remove-special-characters').click(function(){ | |
| $.post("/remove_special_characters", {text: $('#input-text').val()}, function(data){ | |
| $('#input-text').val(data.filtered_text); | |
| }); | |
| }); | |
| $('#paraphrase').click(function(){ | |
| $.post("/paraphrase", {text: $('#input-text').val()}, function(data){ | |
| $('#output-text').val(data.paraphrased_text); | |
| }); | |
| }); | |
| $('#summarize').click(function(){ | |
| $.post("/summarize", {text: $('#input-text').val()}, function(data){ | |
| $('#output-text').val(data.summarized_text); | |
| }); | |
| }); | |
| $('#detect-emotion').click(function(){ | |
| $.post("/detect_emotion", {text: $('#input-text').val()}, function(data){ | |
| alert("Detected Emotion: " + data.emotion); | |
| }); | |
| }); | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <h1>Paraphrasing Webapp</h1> | |
| <label for="input-text">Input Text:</label> | |
| <textarea id="input-text"></textarea><br><br> | |
| <button id="correct-grammar">Correct Grammar</button> | |
| <button id="remove-special-characters">Remove Special Characters</button><br><br> | |
| <label for="output-text">Output Text:</label> | |
| <textarea id="output-text"></textarea><br><br> | |
| <button id="paraphrase">Paraphrase</button> | |
| <button id="summarize">Summarize</button> | |
| <button id="detect-emotion">Detect Emotion</button><br><br> | |
| <button class="copy-btn" data-clipboard-target="#output-text">Copy Paraphrased Text</button> | |
| </body> | |
| </html> |