Skip to content

S
SinLingua Toolkit
Commit ee4d8980 authored by SupunGurusinghe's avatar SupunGurusinghe
Browse files
Options

Add new features

parent 604e8f67
Hide whitespace changes
Inline Side-by-side
Showing with 288 additions and 13 deletions
app.py
View file @ ee4d8980
......@@ -2,6 +2,8 @@ import os
from flask import Flask, render_template, request, jsonify
from sinlingua.singlish.rulebased_transliterator import RuleBasedTransliterator
from sinlingua.grammar_rule.grammar_main import GrammarMain
# from sinlingua.summarizer.faster_longformer import FLongformerTextSummarizer
from sinlingua.sinhala_audio.audio_to_text import conversion
app = Flask(__name__)
......@@ -25,18 +27,42 @@ def index():
return render_template('index.html', processed_result=processed_result)
@app.route('/singlish', methods=['GET', 'POST'])
def singlish():
return render_template('singlish.html')
@app.route('/grammar', methods=['GET', 'POST'])
def grammar():
return render_template('grammar.html')
@app.route('/summarize', methods=['GET', 'POST'])
def summarize():
return render_template('summarize.html')
@app.route('/process', methods=['POST'])
def process():
input_text, audio_input = None, None
checkbox1, checkbox2, checkbox3, checkbox4 = None, None, None, None
input_text = request.form.get('input_text')
audio_input = request.files.get('audio_input')
processed_result = None
if input_text:
checkbox1 = request.form.get('checkbox1') == 'true'
checkbox2 = request.form.get('checkbox2') == 'true'
checkbox3 = request.form.get('checkbox3') == 'true'
checkbox4 = request.form.get('checkbox4') == 'true'
print(request.form)
if input_text and checkbox1:
obj = RuleBasedTransliterator()
# Perform text processing on input_text
out = obj.transliterator(text=input_text)
processed_result = f"{out}" # Example text processing
elif audio_input:
elif audio_input and checkbox2:
# Save the uploaded file to a specific directory
upload_dir = 'src'
os.makedirs(upload_dir, exist_ok=True)
......@@ -45,6 +71,37 @@ def process():
# Perform audio processing
out = conversion(path=audio_path)
processed_result = f"{out}"
else:
processed_result = input_text
if checkbox3:
obj2 = GrammarMain()
paragraphs = processed_result.split('\n')
processed_paragraphs = []
for paragraph in paragraphs:
# Step 2: Split paragraphs into sentences using periods (.) as delimiter
sentences = paragraph.split('.')
processed_sentences = []
for sentence in sentences:
# Remove leading and trailing whitespaces from the sentence
sentence = sentence.strip()
# Step 3: Process each sentence
processed_sentence = obj2.mapper(sentence)
processed_sentences.append(processed_sentence)
# Step 4: Join processed sentences to form paragraph
processed_paragraph = ' '.join(processed_sentences)
processed_paragraphs.append(processed_paragraph)
# Join processed paragraphs to form final processed text
processed_result = '\n'.join(processed_paragraphs)
# if checkbox4 == "true":
# obj3 = FLongformerTextSummarizer()
# processed_result = obj3.refined_summarize_by_word_count(processed_result)
return jsonify({'processed_result': processed_result})
......
static/script.js 0 → 100644
View file @ ee4d8980
$(document).ready(function () {
// Smooth-scroll to sections when a link is clicked
$('.sidenav a').on('click', function (event) {
event.preventDefault();
var target = $(this).attr('href');
$('html, body').animate({
scrollTop: $(target).offset().top
}, 800);
});
// Toggle the hidden class on the navigation bar
function toggleSideNav(show) {
$('#js-sidenav').toggleClass('sidenav-hidden', !show);
}
var isMouseOverNav = false;
// Show the navigation bar when cursor enters the left side
$(document).on('mousemove', function (event) {
var mouseX = event.clientX;
var mouseY = event.clientY;
var navWidth = $('#js-sidenav').width(); // Width of the navigation bar
if (mouseX <= 60) {
toggleSideNav(true);
isMouseOverNav = true;
} else if (!isMouseOverNav || (mouseX > navWidth && mouseY > navWidth)) {
toggleSideNav(false);
isMouseOverNav = false;
}
});
});
static/styles.css
View file @ ee4d8980
/* styles.css */
/* Common styles */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
/* Styles for the side navigation bar */
.sidenav {
width: 250px;
background-color: #333;
top: 0;
left: 0;
height: 100%;
padding-top: 20px;
display: flex;
flex-direction: column;
position:fixed;
z-index:1000;
}
/* Styles for side navigation bar links */
.sidenav a {
padding: 10px 15px;
text-decoration: none;
font-size: 18px;
color: #fff;
transition: background-color 0.3s;
}
.sidenav a:hover {
background-color: #555;
}
/* Styles for the content area */
.content {
margin-left: 250px; /* Match the width of the side navigation bar */
padding: 20px;
background-color: #f0f0f0;
}
/* Add this style to your styles.css */
.sidenav-hidden {
transform: translateX(-250px);
}
templates/grammar.html 0 → 100644
View file @ ee4d8980
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../static/styles.css">
</head>
<body>
<!-- Side Navigation Bar -->
<div class="sidenav">
<a href="index.html">Default Toolkit</a>
<a href="singlish.html">Advance Singlish</a>
<a href="grammar.html">Advance Grammar</a>
<a href="summarize.html">Advance Summarize</a>
<!-- Add more links for other sections or pages -->
</div>
<script src="../static/script.js"></script>
</body>
</html>
\ No newline at end of file
templates/index.html
View file @ ee4d8980
......@@ -4,39 +4,63 @@
<title>Input Page</title>
<!-- Include Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/styles.css">
</head>
<body>
<!-- Side Navigation Bar -->
<div class="sidenav" id="js-sidenav">
<a href="{{ url_for('index') }}">Default Toolkit</a>
<a href="{{ url_for('singlish') }}">Advance Singlish</a>
<a href="{{ url_for('grammar') }}">Advance Grammar</a>
<a href="{{ url_for('summarize') }}">Advance Summarize</a>
<!-- Add more links for other sections or pages -->
</div>
<div class="container mt-5">
<div class="row">
<div class="col-md-12 text-center mb-4">
<h1>සිංLingua Toolkit</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6">
<form id="inputForm" enctype="multipart/form-data">
<div class="form-group">
<label for="inputText">Enter Text or Upload Audio:</label>
<textarea class="form-control" id="inputText" name="input_text" rows="5"></textarea>
<div class="custom-file">
<div class="custom-file mt-1">
<input type="file" accept="audio/*" class="custom-file-input" id="audioInput"
name="audio_input">
<label class="custom-file-label" for="audioInput">Choose File</label>
</div>
</div>
<div class="form-group">
<div class="form-group mt-1">
<label>Checkboxes:</label>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="checkbox1" name="checkbox1">
<label class="form-check-label" for="checkbox1">Checkbox 1</label>
<label class="form-check-label" for="checkbox1">Singlish to Sinhala Text Conversion</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="checkbox2" name="checkbox2">
<label class="form-check-label" for="checkbox2">Checkbox 2</label>
<label class="form-check-label" for="checkbox2">Audio to Sinhala Text Conversion</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="checkbox3" name="checkbox3">
<label class="form-check-label" for="checkbox3">Checkbox 3</label>
<label class="form-check-label" for="checkbox3">Grammar Rule Mapping</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="checkbox4" name="checkbox4">
<label class="form-check-label" for="checkbox4">Sinhala Text Summarization</label>
</div>
</div>
<button type="submit" class="btn btn-primary">Process</button>
<button type="reset" class="btn btn-secondary">Reset</button>
</form>
<!-- Error Alert -->
<div class="alert alert-danger mt-3" id="errorAlert" style="display: none;">
<strong>Error:</strong> <span id="errorText"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
......@@ -49,24 +73,61 @@
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="../static/script.js"></script>
<script>
$(document).ready(function () {
// Disable checkbox2 if checkbox1 is checked
$('#checkbox1').change(function () {
if ($(this).is(':checked')) {
$('#checkbox2').prop('disabled', true);
// Automatically handle checkbox behavior based on input type
$('#inputText').on('input', function () {
var inputText = $(this).val();
var audioInput = $('#audioInput')[0].files[0];
if (inputText && !audioInput) {
$('#checkbox2').prop('checked', false).prop('disabled', true);
$('#audioInput').prop('disabled', true);
} else {
$('#checkbox2').prop('checked', true).prop('disabled', false);
$('#audioInput').prop('disabled', false);
}
});
$('#audioInput').change(function () {
var inputText = $('#inputText').val();
var audioInput = $(this)[0].files[0];
if (audioInput) {
$('#checkbox1').prop('checked', false).prop('disabled', true);
$('#inputText').prop('disabled', true);
} else {
$('#checkbox2').prop('disabled', false);
$('#checkbox1').prop('disabled', false);
$('#inputText').prop('disabled', false);
}
});
$('#inputForm').submit(function (event) {
event.preventDefault();
$('#errorAlert').hide(); // Hide error alert on form submission
var inputText = $('#inputText').val();
var audioInput = $('#audioInput')[0].files[0]; // Get the selected audio file
var checkbox1 = $('#checkbox1').is(':checked');
var checkbox2 = $('#checkbox2').is(':checked');
var checkbox3 = $('#checkbox3').is(':checked');
var checkbox4 = $('#checkbox4').is(':checked');
// Check if either text or audio input is provided
if (!inputText && !audioInput) {
showError("Please provide either text or audio input.");
return;
}
// Check for specific conditions based on checkboxes
if (checkbox2 && !audioInput) {
showError("No audio file inserted for Audio to Sinhala Text Conversion.");
return;
}
if (!checkbox1 && !checkbox2 && !checkbox3 && !checkbox4) {
showError("Please select at least one checkbox.");
return;
}
var formData = new FormData();
formData.append('input_text', inputText);
......@@ -74,6 +135,7 @@
formData.append('checkbox1', checkbox1);
formData.append('checkbox2', checkbox2);
formData.append('checkbox3', checkbox3);
formData.append('checkbox4', checkbox4);
$.ajax({
type: 'POST',
......@@ -98,6 +160,26 @@
var fileName = $(this).val().split('\\').pop();
$(this).siblings('.custom-file-label').addClass('selected').html(fileName);
});
// Function to show error in the error alert
function showError(message) {
$('#errorText').text(message);
$('#errorAlert').show();
}
// Reset the form when "Reset" button is clicked
$('#inputForm button[type="reset"]').click(function () {
$('#inputForm')[0].reset(); // Reset the form
$('#checkbox2').prop('disabled', false); // Enable checkbox2
$('#checkbox1').prop('disabled', false); // Enable checkbox1
$('#audioInput').prop('disabled', false); // Enable audio input
$('#inputText').prop('disabled', false); // Enable text input
$('#errorAlert').hide(); // Hide error alert
// Reset the audio input field
$('#audioInput').replaceWith($('#audioInput').val('').clone(true));
$('#audioInput').siblings('.custom-file-label').removeClass('selected').html('Choose File');
});
});
</script>
</body>
......
templates/singlish.html 0 → 100644
View file @ ee4d8980
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../static/styles.css">
</head>
<body>
<!-- Side Navigation Bar -->
<div class="sidenav">
<a href="index.html">Default Toolkit</a>
<a href="singlish.html">Advance Singlish</a>
<a href="grammar.html">Advance Grammar</a>
<a href="summarize.html">Advance Summarize</a>
<!-- Add more links for other sections or pages -->
</div>
<script src="../static/script.js"></script>
</body>
</html>
\ No newline at end of file
templates/summarize.html 0 → 100644
View file @ ee4d8980
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../static/styles.css">
</head>
<body>
<!-- Side Navigation Bar -->
<div class="sidenav">
<a href="index.html">Default Toolkit</a>
<a href="singlish.html">Advance Singlish</a>
<a href="grammar.html">Advance Grammar</a>
<a href="summarize.html">Advance Summarize</a>
<!-- Add more links for other sections or pages -->
</div>
<script src="../static/script.js"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment