🤡(backend-demo) remove code_editor from demo
We removed the template code_editor from app, so we redapt the demo to fit the old template. The field code_editor is not needed anymore.
This commit is contained in:
Anthony LC
@@ -1,37 +1,21 @@
|
||||
<body id="iubr">
|
||||
<div id="ix1a" class="gjs-row">
|
||||
<div id="iqey" class="gjs-cell">
|
||||
<div id="ip2l" class="gjs-row">
|
||||
<div id="i9ps" class="gjs-cell">
|
||||
<img
|
||||
id="ioje"
|
||||
src="https://upload.wikimedia.org/wikipedia/fr/7/72/Logo_du_Gouvernement_de_la_R%C3%A9publique_fran%C3%A7aise_%282020%29.svg"
|
||||
/>
|
||||
</div>
|
||||
<div id="ifn8" class="gjs-cell">
|
||||
<div id="i1v9">
|
||||
Direction <br />Interministérielle <br />du numérique
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ipfx3" class="gjs-row">
|
||||
<div id="isc8e" class="gjs-cell">
|
||||
<div id="ix7wo">La directrice</div>
|
||||
<div id="ij1wk">Réf: 12000001</div>
|
||||
</div>
|
||||
<div id="iei3g" class="gjs-cell">
|
||||
<div id="iwp89">Paris, le 28/09/2023</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="i59gh"><b>Note</b><br />à Monsieur Le Premier Ministre</div>
|
||||
<div id="i2egv">Objet: Generated PDF</div>
|
||||
<div id="icpsv">{{ body }}<br /></div>
|
||||
<page size="A4">
|
||||
<div class="header">
|
||||
<image src="https://upload.wikimedia.org/wikipedia/fr/7/72/Logo_du_Gouvernement_de_la_R%C3%A9publique_fran%C3%A7aise_%282020%29.svg"/>
|
||||
<h2 class="header-title">Direction<br/>Interministérielle<br/>du numérique</h2>
|
||||
</div>
|
||||
<div class="second-row">
|
||||
<div class="who-ref">
|
||||
<div class="who">La directrice</div>
|
||||
<p class="ref">Réf: 1200001</p>
|
||||
</div>
|
||||
<div class="date">Paris, le 28/09/2023</div>
|
||||
</div>
|
||||
<div id="iqn81">
|
||||
Footer: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||||
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||||
commodo consequat
|
||||
<div class="third-row">
|
||||
<h4 class="title">Note</h4>
|
||||
<h5 class="subtitle">à Monsieur le Premier Ministre</h5>
|
||||
</div>
|
||||
</body>
|
||||
<div class="content">
|
||||
<div class="object">Objet: Generated PDF</div>
|
||||
<div class="body">{{ body }}</div>
|
||||
</div>
|
||||
</page>
|
||||
@@ -1,442 +0,0 @@
|
||||
{
|
||||
"pages": [
|
||||
{
|
||||
"id": "VlXkJzAStsYTLhwJ",
|
||||
"type": "main",
|
||||
"frames": [
|
||||
{
|
||||
"id": "FZ0aEvTxwtxsFeIQ",
|
||||
"component": {
|
||||
"type": "wrapper",
|
||||
"stylable": [
|
||||
"background",
|
||||
"background-color",
|
||||
"background-image",
|
||||
"background-repeat",
|
||||
"background-attachment",
|
||||
"background-position",
|
||||
"background-size"
|
||||
],
|
||||
"attributes": { "id": "iubr" },
|
||||
"components": [
|
||||
{
|
||||
"name": "Row",
|
||||
"classes": [{ "name": "gjs-row", "private": 1 }],
|
||||
"droppable": ".gjs-cell",
|
||||
"resizable": {
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 0,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"minDim": 1
|
||||
},
|
||||
"attributes": { "id": "ix1a" },
|
||||
"components": [
|
||||
{
|
||||
"name": "Cell",
|
||||
"classes": [{ "name": "gjs-cell", "private": 1 }],
|
||||
"draggable": ".gjs-row",
|
||||
"resizable": {
|
||||
"bc": 0,
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 1,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"step": 0.2,
|
||||
"minDim": 1,
|
||||
"currentUnit": 1
|
||||
},
|
||||
"attributes": { "id": "iqey" },
|
||||
"components": [
|
||||
{
|
||||
"name": "Row",
|
||||
"classes": [{ "name": "gjs-row", "private": 1 }],
|
||||
"droppable": ".gjs-cell",
|
||||
"resizable": {
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 0,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"minDim": 1
|
||||
},
|
||||
"attributes": { "id": "ip2l" },
|
||||
"components": [
|
||||
{
|
||||
"name": "Cell",
|
||||
"classes": [{ "name": "gjs-cell", "private": 1 }],
|
||||
"draggable": ".gjs-row",
|
||||
"resizable": {
|
||||
"bc": 0,
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 1,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"step": 0.2,
|
||||
"minDim": 1,
|
||||
"currentUnit": 1
|
||||
},
|
||||
"attributes": { "id": "i9ps" },
|
||||
"components": [
|
||||
{
|
||||
"type": "image",
|
||||
"resizable": { "ratioDefault": 1 },
|
||||
"attributes": {
|
||||
"id": "ioje",
|
||||
"src": "https://upload.wikimedia.org/wikipedia/fr/7/72/Logo_du_Gouvernement_de_la_R%C3%A9publique_fran%C3%A7aise_%282020%29.svg"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Cell",
|
||||
"classes": [{ "name": "gjs-cell", "private": 1 }],
|
||||
"draggable": ".gjs-row",
|
||||
"resizable": {
|
||||
"bc": 0,
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 1,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"step": 0.2,
|
||||
"minDim": 1,
|
||||
"currentUnit": 1
|
||||
},
|
||||
"attributes": { "id": "ifn8" },
|
||||
"components": [
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "i1v9" },
|
||||
"components": [
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "Direction\n"
|
||||
},
|
||||
{ "void": true, "tagName": "br" },
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "Interministérielle\n"
|
||||
},
|
||||
{ "void": true, "tagName": "br" },
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "du numérique"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"custom-name": "header"
|
||||
},
|
||||
{
|
||||
"name": "Row",
|
||||
"classes": [{ "name": "gjs-row", "private": 1 }],
|
||||
"droppable": ".gjs-cell",
|
||||
"resizable": {
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 0,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"minDim": 1
|
||||
},
|
||||
"attributes": { "id": "ipfx3" },
|
||||
"components": [
|
||||
{
|
||||
"name": "Cell",
|
||||
"classes": [{ "name": "gjs-cell", "private": 1 }],
|
||||
"draggable": ".gjs-row",
|
||||
"resizable": {
|
||||
"bc": 0,
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 1,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"step": 0.2,
|
||||
"minDim": 1,
|
||||
"currentUnit": 1
|
||||
},
|
||||
"attributes": { "id": "isc8e" },
|
||||
"components": [
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "ix7wo" },
|
||||
"components": [
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "La directrice"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "ij1wk" },
|
||||
"components": [
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "Réf: 12000001"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Cell",
|
||||
"classes": [{ "name": "gjs-cell", "private": 1 }],
|
||||
"draggable": ".gjs-row",
|
||||
"resizable": {
|
||||
"bc": 0,
|
||||
"bl": 0,
|
||||
"br": 0,
|
||||
"cl": 0,
|
||||
"cr": 1,
|
||||
"tc": 0,
|
||||
"tl": 0,
|
||||
"tr": 0,
|
||||
"step": 0.2,
|
||||
"minDim": 1,
|
||||
"currentUnit": 1
|
||||
},
|
||||
"attributes": { "id": "iei3g" },
|
||||
"components": [
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "iwp89" },
|
||||
"components": [
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "Paris, le 28/09/2023"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"custom-name": "sub-header"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "i59gh" },
|
||||
"components": [
|
||||
{
|
||||
"type": "text",
|
||||
"tagName": "b",
|
||||
"components": [
|
||||
{ "type": "textnode", "content": "Note" }
|
||||
]
|
||||
},
|
||||
{ "void": true, "tagName": "br" },
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "à Monsieur Le Premier Ministre"
|
||||
}
|
||||
],
|
||||
"custom-name": "note"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "i2egv" },
|
||||
"components": [
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "Objet: Generated PDF"
|
||||
}
|
||||
],
|
||||
"custom-name": "object"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "icpsv" },
|
||||
"components": [
|
||||
{ "type": "textnode", "content": "{{body}}" },
|
||||
{ "void": true, "tagName": "br" }
|
||||
],
|
||||
"custom-name": "body"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"attributes": { "id": "iqn81" },
|
||||
"components": [
|
||||
{
|
||||
"type": "textnode",
|
||||
"content": "Footer: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"custom-name": "Body"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"assets": [
|
||||
{
|
||||
"src": "https://upload.wikimedia.org/wikipedia/fr/7/72/Logo_du_Gouvernement_de_la_R%C3%A9publique_fran%C3%A7aise_%282020%29.svg",
|
||||
"type": "image",
|
||||
"width": 0,
|
||||
"height": 0,
|
||||
"unitDim": "px"
|
||||
}
|
||||
],
|
||||
"styles": [
|
||||
{
|
||||
"style": {
|
||||
"width": "100%",
|
||||
"display": "table",
|
||||
"padding-top": "10px",
|
||||
"padding-left": "10px",
|
||||
"padding-right": "10px",
|
||||
"padding-bottom": "10px"
|
||||
},
|
||||
"selectors": [{ "name": "gjs-row", "private": 1 }]
|
||||
},
|
||||
{
|
||||
"style": { "width": "100%", "display": "block" },
|
||||
"mediaText": "(max-width: 768px)",
|
||||
"selectors": [{ "name": "gjs-cell", "private": 1 }],
|
||||
"atRuleType": "media"
|
||||
},
|
||||
{
|
||||
"style": { "width": "100%", "display": "block" },
|
||||
"mediaText": "(max-width: 768px)",
|
||||
"selectors": ["gjs-cell30"],
|
||||
"atRuleType": "media"
|
||||
},
|
||||
{
|
||||
"style": { "width": "100%", "display": "block" },
|
||||
"mediaText": "(max-width: 768px)",
|
||||
"selectors": ["gjs-cell70"],
|
||||
"atRuleType": "media"
|
||||
},
|
||||
{
|
||||
"style": { "width": "8%", "height": "75px", "display": "table-cell" },
|
||||
"selectors": [{ "name": "gjs-cell", "private": 1 }]
|
||||
},
|
||||
{
|
||||
"style": { "height": "100%", "padding": "0px 0px 0px 0px" },
|
||||
"selectors": ["#ix1a"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"color": "black",
|
||||
"width": "214px",
|
||||
"height": "128px",
|
||||
"margin": "0px 0px 0px -12px"
|
||||
},
|
||||
"selectors": ["#ioje"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"top": "-5px",
|
||||
"float": "right",
|
||||
"margin": "-13px 0px 0px 0px",
|
||||
"display": "block",
|
||||
"padding": "0px 10px 0px 0px",
|
||||
"position": "relative",
|
||||
"font-size": "19px",
|
||||
"text-align": "right",
|
||||
"font-family": "Arial Black, Gadget, sans-serif",
|
||||
"font-weight": "800",
|
||||
"line-height": "26px",
|
||||
"letter-spacing": "0px"
|
||||
},
|
||||
"selectors": ["#i1v9"]
|
||||
},
|
||||
{ "style": { "margin": "60px 0px 0px 0px" }, "selectors": ["#ipfx3"] },
|
||||
{
|
||||
"style": {
|
||||
"padding": "10px 10px 3px 0px",
|
||||
"font-family": "Georgia, serif"
|
||||
},
|
||||
"selectors": ["#ix7wo"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"padding": "0px 10px 10px 0px",
|
||||
"font-size": "12px",
|
||||
"font-family": "Georgia, serif"
|
||||
},
|
||||
"selectors": ["#ij1wk"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"padding": "10px 0px 3px 10px",
|
||||
"font-size": "14px",
|
||||
"text-align": "right",
|
||||
"font-family": "Georgia, serif"
|
||||
},
|
||||
"selectors": ["#iwp89"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"padding": "10px",
|
||||
"font-size": "15px",
|
||||
"font-family": "Georgia, serif"
|
||||
},
|
||||
"selectors": ["#i59gh"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"padding": "29px 10px 10px 10px",
|
||||
"font-size": "20px",
|
||||
"font-family": "Georgia, serif",
|
||||
"font-weight": "900"
|
||||
},
|
||||
"selectors": ["#i2egv"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"padding": "30px 10px 10px 10px",
|
||||
"font-family": "Georgia, serif"
|
||||
},
|
||||
"selectors": ["#icpsv"]
|
||||
},
|
||||
{ "style": { "padding": "0px 0px 0px 0px" }, "selectors": ["#ifn8"] },
|
||||
{ "style": { "padding": "0px 0px 0px 0px" }, "selectors": ["#ip2l"] },
|
||||
{
|
||||
"style": {
|
||||
"bottom": "0px",
|
||||
"padding": "10px 10px 0px 10px",
|
||||
"position": "fixed",
|
||||
"font-size": "12px",
|
||||
"font-family": "Georgia, serif"
|
||||
},
|
||||
"selectors": ["#iqn81"]
|
||||
},
|
||||
{
|
||||
"style": {
|
||||
"color": "#000000",
|
||||
"border": "0px solid #f6f6f6",
|
||||
"font-size": "15px",
|
||||
"font-family": "\"Mercury SSm A\", \"Mercury SSm B\", Georgia, Times, \"Times New Roman\", \"Microsoft YaHei New\", \"Microsoft Yahei\", 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, serif",
|
||||
"background-color": "#fbfbfb"
|
||||
},
|
||||
"selectors": ["#ilke6"]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,95 +1,55 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
background: white;
|
||||
font-family: arial
|
||||
}
|
||||
img {
|
||||
width: 5cm;
|
||||
margin-left: -0.4cm;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.header-title {
|
||||
text-align: right;
|
||||
margin-top: 3rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.second-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 1.2cm;
|
||||
}
|
||||
.ref {
|
||||
margin-top: 0;
|
||||
}
|
||||
.who {
|
||||
font-weight: medium;
|
||||
}
|
||||
.date, .ref {
|
||||
font-size: 12px;
|
||||
}
|
||||
.title, .subtitle {
|
||||
margin: 0;
|
||||
}
|
||||
.gjs-row {
|
||||
width: 100%;
|
||||
display: table;
|
||||
padding-top: 10px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 10px;
|
||||
.subtitle {
|
||||
font-weight: normal;
|
||||
}
|
||||
.gjs-cell {
|
||||
width: 8%;
|
||||
height: 75px;
|
||||
display: table-cell;
|
||||
.object {
|
||||
font-weight: bold;
|
||||
margin-bottom: 1.2cm;
|
||||
margin-top: 3rem
|
||||
}
|
||||
#ix1a {
|
||||
height: 100%;
|
||||
padding: 0px 0px 0px 0px;
|
||||
.body{
|
||||
margin-top: 1.5rem
|
||||
}
|
||||
#ioje {
|
||||
color: black;
|
||||
width: 214px;
|
||||
height: 128px;
|
||||
margin: 0px 0px 0px -12px;
|
||||
h1 {
|
||||
font-size: 18px;
|
||||
}
|
||||
#i1v9 {
|
||||
top: -5px;
|
||||
float: right;
|
||||
margin: -13px 0px 0px 0px;
|
||||
display: block;
|
||||
padding: 0px 10px 0px 0px;
|
||||
position: relative;
|
||||
font-size: 19px;
|
||||
text-align: right;
|
||||
font-family: Arial Black, Gadget, sans-serif;
|
||||
font-weight: 800;
|
||||
line-height: 26px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
#ipfx3 {
|
||||
margin: 60px 0px 0px 0px;
|
||||
}
|
||||
#ix7wo {
|
||||
padding: 10px 10px 3px 0px;
|
||||
font-family: Georgia, serif;
|
||||
}
|
||||
#ij1wk {
|
||||
padding: 0px 10px 10px 0px;
|
||||
font-size: 12px;
|
||||
font-family: Georgia, serif;
|
||||
}
|
||||
#iwp89 {
|
||||
padding: 10px 0px 3px 10px;
|
||||
h2 {
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
font-family: Georgia, serif;
|
||||
}
|
||||
#i59gh {
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
font-family: Georgia, serif;
|
||||
}
|
||||
#i2egv {
|
||||
padding: 29px 10px 10px 10px;
|
||||
font-size: 20px;
|
||||
font-family: Georgia, serif;
|
||||
font-weight: 900;
|
||||
}
|
||||
#icpsv {
|
||||
padding: 30px 10px 10px 10px;
|
||||
font-family: Georgia, serif;
|
||||
}
|
||||
#ifn8 {
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
#ip2l {
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
#iqn81 {
|
||||
bottom: 0px;
|
||||
padding: 10px 10px 0px 10px;
|
||||
position: fixed;
|
||||
font-size: 12px;
|
||||
font-family: Georgia, serif;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.gjs-cell {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
p {
|
||||
text-align: justify;
|
||||
ligne-height: 0.8;
|
||||
}
|
||||
@@ -110,9 +110,6 @@ def create_demo(stdout):
|
||||
queue = BulkQueue(stdout)
|
||||
|
||||
with Timeit(stdout, "Creating Template"):
|
||||
with open("demo/data/template/code_editor.json", "r") as file:
|
||||
json_data = json.load(file)
|
||||
|
||||
with open("demo/data/template/code.txt", "r") as text_file:
|
||||
code_data = text_file.read()
|
||||
|
||||
@@ -123,7 +120,6 @@ def create_demo(stdout):
|
||||
models.Template(
|
||||
title="Demo Template",
|
||||
description="This is the demo template",
|
||||
code_editor=json_data,
|
||||
code=code_data,
|
||||
css=css_data,
|
||||
is_public=True,
|
||||
|
||||
Reference in New Issue
Block a user