Text with input fields veryfing its correctness

This commit is contained in:
Sergiusz Warga 2020-11-22 17:11:23 +01:00
parent 39ee608e56
commit 8318b82952
8 changed files with 79 additions and 23 deletions

7
README.md Normal file
View File

@ -0,0 +1,7 @@
# Development
To run the app:
1. ```pipenv shell```
2. ```export FLASK_APP=main.py```
3. ```export FLASK_ENV=development```
4. ```flask run```

View File

7
app/__init__.py Normal file
View File

@ -0,0 +1,7 @@
from flask import Flask
app = Flask(__name__)
app.config["SECRET_KEY"] = "asdasfgrwee"
app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///latin.sqlite"
from app import routes

23
app/main.py Normal file
View File

@ -0,0 +1,23 @@
from app import app
# from flask import render_template
# from flask_sqlalchemy import SQLAlchemy
# from sqlalchemy import func
# from flask_wtf import FlaskForm
# from wtforms import Form, RadioField, SubmitField, HiddenField
# db = SQLAlchemy(app)
# class Word(db.Model):
# id = db.Column(db.Integer, primary_key=True)
# dictionarium = db.Column(db.String, unique=True, nullable=False)
# coniugatio = db.Column(db.Integer, unique=False, nullable=False)
# def __repr__(self):
# return '%r; %d conjugation' % (self.dictionarium, self.coniugatio)
# class ConjugatioAnswer(FlaskForm):
# radio = RadioField('', choices=[(1, 'Prima'), (2, 'Secunda'), (3, 'Tertia'), (4, 'Quarta')])
# word = HiddenField()
# submit = SubmitField('Check')
# next_word = SubmitField('Next word')

View File

@ -1,33 +1,19 @@
from flask import Flask
from app import app
from flask import render_template
from flask_sqlalchemy import SQLAlchemy
from sqlalchemy import func
from flask_wtf import FlaskForm
from wtforms import Form, RadioField, SubmitField, HiddenField
app = Flask(__name__)
app.config["SECRET_KEY"] = "asdasfgrwee"
app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///latin.sqlite"
db = SQLAlchemy(app)
class Word(db.Model):
id = db.Column(db.Integer, primary_key=True)
dictionarium = db.Column(db.String, unique=True, nullable=False)
coniugatio = db.Column(db.Integer, unique=False, nullable=False)
def __repr__(self):
return '%r; %d conjugation' % (self.dictionarium, self.coniugatio)
class ConjugatioAnswer(FlaskForm):
radio = RadioField('', choices=[(1, 'Prima'), (2, 'Secunda'), (3, 'Tertia'), (4, 'Quarta')])
word = HiddenField()
submit = SubmitField('Check')
next_word = SubmitField('Next word')
@app.route('/')
@app.route('/index')
def index():
return "Hello, World!"
@app.route('/latin')
def latin():
return render_template('latin.html')
@app.route('/latin/llpsi')
def llpsi():
return render_template('LLPSI/01_Imperium_Romanum/Pensum_A.html')
@app.route('/latin/coniugationes')
def coniugationes():
return render_template('coniugationes.html')

View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="la">
<head>
<meta charset="UTF-8">
<title>Familia Romana Pensum A</title>
<script type="text/javascript">
function validate() {
const forms = document.querySelectorAll('form');
const form = forms[0];
Array.from(form.elements).forEach((input) => {
console.log(input);
if (input.type=="text" && input.value != input.dataset.expected) {
input.setAttribute("style", "border-color:red");
console.log('incorrect!')
}
});
console.log('dupa');
return false;
}
</script>
</head>
<body>
<form class="Pensum_A" onsubmit="return validate();">
Nilus fluvi<input type="text" id=1 data-expected="us" size=2 required> est.<br>
<input type="submit" value="Submit">
</form>
</body>
</html>

View File

@ -5,6 +5,7 @@
<title>Lingua Latina</title>
</head>
<body>
<a href="/latin/llpsi">Lingua Latina Per Se Illustrata</a><br>
<a href="/latin/coniugationes">Coniugationes</a>
</body>
</html>