First layout
parent
bbb902995a
commit
4f4d2802f0
@ -1,10 +1,55 @@
|
||||
#!/usr/bin/env/ python
|
||||
|
||||
from flask import Flask, render_template
|
||||
from flask import Flask, render_template, request, Response
|
||||
from weasyprint import HTML
|
||||
from pagedjs import make_pdf
|
||||
|
||||
try:
|
||||
from paseo import crear_camino
|
||||
except ModuleNotFoundError:
|
||||
pass
|
||||
|
||||
import os.path
|
||||
|
||||
basepath = os.path.dirname(__file__)
|
||||
|
||||
BASEURL = ''
|
||||
app = Flask(__name__)
|
||||
|
||||
@app.route('{}/'.format(BASEURL))
|
||||
def index():
|
||||
return 'Hello world'
|
||||
return render_template('index.html')
|
||||
|
||||
@app.route('{}/book'.format(BASEURL), methods=['POST'])
|
||||
def book():
|
||||
fragment = max(0, min(1, int(request.form['fragment'])))
|
||||
|
||||
first_word = 'un'
|
||||
|
||||
if fragment == 0:
|
||||
novel = os.path.join(basepath, '../data/emilia_prueba.txt')
|
||||
author = 'Emilia Pardo Bazán'
|
||||
title = 'La Madre Naturaleza'
|
||||
else:
|
||||
novel = os.path.join(basepath, '../data/prueba.txt')
|
||||
author = 'Benito Pérez Gáldos'
|
||||
title = 'Miau'
|
||||
|
||||
path = crear_camino(novel, first_word)
|
||||
|
||||
context = { 'title': title, 'author': author, 'path': path }
|
||||
html = render_template('book.html', **context)
|
||||
|
||||
# pdf = HTML(string=html).write_pdf()
|
||||
|
||||
# Use pagedjs as weasyprint does not seem to support our layout.
|
||||
pdf = make_pdf(html)
|
||||
|
||||
r = Response(pdf, mimetype='application/pdf')
|
||||
|
||||
r.headers.extend({
|
||||
'Content-Disposition': 'attachment; filename="Paseo por arboles de madrid.pdf"'
|
||||
})
|
||||
|
||||
return r
|
||||
# return html
|
||||
|
||||
@ -0,0 +1,82 @@
|
||||
import subprocess
|
||||
import tempfile
|
||||
import os.path
|
||||
|
||||
basepath = os.path.abspath(os.path.dirname(__file__))
|
||||
paged_bin = 'node_modules/pagedjs-cli/bin/paged'
|
||||
|
||||
def run_pagedjs (path_html, path_pdf, cwd=None, extra_scripts=[]):
|
||||
args = [
|
||||
paged_bin
|
||||
]
|
||||
|
||||
for script in extra_scripts:
|
||||
args.extend([
|
||||
'--additional-script',
|
||||
script
|
||||
])
|
||||
|
||||
args.extend([
|
||||
'-o', path_pdf,
|
||||
path_html
|
||||
])
|
||||
|
||||
try:
|
||||
return subprocess.check_output(args, cwd=cwd, stderr=subprocess.STDOUT).decode()
|
||||
except subprocess.CalledProcessError as e:
|
||||
return 'Error:\n{}'.format(e.output.decode())
|
||||
|
||||
"""
|
||||
Generate a PDF based on provided HTML using pagedjs and returns the contents of
|
||||
the generated PDF.
|
||||
|
||||
If optional path_out is provided the PDF is written there and the function returns the path.
|
||||
|
||||
Optional extra_scripts is a list of strings with javascript.
|
||||
Scripts are sent in the same order to paged.js
|
||||
"""
|
||||
def make_pdf (html, path_out=None, extra_scripts=[]):
|
||||
with tempfile.TemporaryDirectory(prefix='algoliterary_publishing_house_') as tempdir:
|
||||
with tempfile.NamedTemporaryFile(dir=tempdir, mode='w', suffix='.html', delete=False) as temphtml:
|
||||
# Store html in a temporary file
|
||||
temphtml.write(html)
|
||||
temphtml.close()
|
||||
|
||||
name_in = temphtml.name
|
||||
|
||||
extra_scripts_tmp = []
|
||||
|
||||
for script in extra_scripts:
|
||||
with tempfile.NamedTemporaryFile(dir=tempdir, mode='w', suffix='.js', delete=False) as tempjs:
|
||||
tempjs.write(script)
|
||||
tempjs.close()
|
||||
extra_scripts_tmp.append(tempjs.name)
|
||||
|
||||
# Make a temporary file for the generated PDF
|
||||
with tempfile.NamedTemporaryFile(dir=tempdir, mode='w', suffix='.pdf', delete=False) as temppdf:
|
||||
temppdf.close()
|
||||
name_out = temppdf.name
|
||||
|
||||
# Make the pdf
|
||||
run_pagedjs(name_in, name_out, cwd=basepath, extra_scripts=extra_scripts_tmp)
|
||||
|
||||
if path_out:
|
||||
import shutil
|
||||
shutil.copy(name_out, path_out)
|
||||
return path_out
|
||||
else:
|
||||
with open(name_out, 'rb') as generated_pdf:
|
||||
return generated_pdf.read()
|
||||
|
||||
if __name__ == '__main__':
|
||||
|
||||
|
||||
with open(os.path.join(basepath, 'index.html'), 'r') as file_input:
|
||||
html = file_input.read()
|
||||
|
||||
with open(os.path.join(basepath, 'delayedLoading.js'), 'r') as js_input:
|
||||
js = js_input.read()
|
||||
|
||||
make_pdf(html, os.path.join(basepath, 'generated.pdf'), [ js ])
|
||||
|
||||
|
||||
@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<style>
|
||||
|
||||
@page {
|
||||
size: 210mm 297mm;
|
||||
margin: 10mm 10mm 15mm 10mm;
|
||||
}
|
||||
|
||||
[data-picked] {
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-picked]::after {
|
||||
content: ' → ';
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
left: calc(100% + 1.5em);
|
||||
top: 0;
|
||||
height: 1.2em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.traces > :last-child [data-picked]::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: a4;
|
||||
}
|
||||
|
||||
@page title {
|
||||
background: black;
|
||||
}
|
||||
|
||||
@page:left {
|
||||
@bottom-left {
|
||||
text-align: left;
|
||||
content: counter(page);
|
||||
}
|
||||
}
|
||||
|
||||
@page:right {
|
||||
@bottom-right {
|
||||
text-align: right;
|
||||
content: counter(page);
|
||||
}
|
||||
}
|
||||
|
||||
@page:empty {
|
||||
@bottom-right {
|
||||
content: '';
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
@page title {
|
||||
@bottom-right {
|
||||
content: '';
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
page: title;
|
||||
color: white;
|
||||
page-break-after: right;
|
||||
}
|
||||
|
||||
section.step {
|
||||
page-break-before: always;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 252mm;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.traces {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
line-height: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.options {
|
||||
list-style-type: none;
|
||||
margin: 0 4em 0 0;
|
||||
}
|
||||
|
||||
.options li {
|
||||
line-height: 1.2em;
|
||||
height: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sentence {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
background: linear-gradient(to top, rgba(255,255,255,0), white 2.5em);
|
||||
padding: 0.5em 20mm 3em 20mm;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.tree {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
background: linear-gradient(to bottom, rgba(255,255,255,0), white 2.5em);
|
||||
padding: 3em 20mm 0.5em 20mm;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Paseo por los árboles de Madrid con {{ author }} y {{ title }}</h1>
|
||||
|
||||
{% for sentence, previous_steps, tree, traces in path %}
|
||||
<section class="step">
|
||||
<section class="sentence">
|
||||
{{ previous_steps }}
|
||||
</section>
|
||||
<ul class="traces">
|
||||
{% for word, dice, options in traces %}
|
||||
<li style="margin-top: calc({{ dice }} * -1.2em)">
|
||||
<ul class="options">
|
||||
{% for option in options %}
|
||||
<li {% if loop.index0 == dice %}data-picked{% endif %}>
|
||||
{{ option }}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<!-- Rolled: {{ dice }} -->
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<section class="tree">
|
||||
{{ tree.properties.NOMBRE_COMUN }} en {{ tree.properties.MINTDIRECCIONAUX }}
|
||||
</section>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</body>
|
||||
</html>
|
||||
@ -1 +1,7 @@
|
||||
<h1>Hello world</h1>
|
||||
<h1>Hello world</h1>
|
||||
|
||||
<form method="POST" action="/book">
|
||||
<label><input type="radio" name="fragment" value="0" checked> Fragment 1</label><br />
|
||||
<label><input type="radio" name="fragment" value="1"> Fragment 2</label><br />
|
||||
<button type="submit">Generate</button>
|
||||
</form>
|
||||
Loading…
Reference in New Issue